CSS实现的loading页面等待效果
2016-06-24 19:06
561 查看
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>无标题文档</title>
<style type="text/css">
.loading{
width:160px;
height:56px;
position: absolute;
top:50%;
left:50%;
line-height:56px;
color:#fff;
padding-left:60px;
font-size:15px;
background: #000 url(http://img.my.csdn.net/uploads/201211/14/1352886927_7549.gif) no-repeat 10px 50%;
opacity: 0.7;
z-index:9999;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
</style>
</head>
<body>
<div id="loading" class="loading">正在全力加载中...</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 页面加载完后自动执行一个方法的js代码
- 两种方法实现在HTML页面加载完毕后运行某个js
- 用js判断页面是否加载完成实现代码
- jquery实现在页面加载的时自动为日期插件添加当前日期
- 使用JQuery 加载页面时调用JS的实现方法
- 页面加载完毕后滚动条自动滚动一定位置
- javascript 实现页面加载进度条代码
- 基于javascript实现页面加载loading效果
- 基于javascript实现页面加载loading效果
- 浏览器的加载与页面性能优化
- 页面加载顺序及解析流程分享
- 浏览器加载渲染网页过程解析--总结（转载）
- 如何提高网页页面加载速度
- 关于jquery mobile使用<a href="#"></a>进行页面跳转返回上一页出现空白页问题的解决
- javascript的window.onload方法使用
- 实例对比window.onload与$(document).ready
- 2012-11-20-页面加载顺序
- angularjs 实现 window.onload() $(document).ready()
- Javascript判断页面是否加载完成 推荐
- html页面加载