js 等待效果(只有图片)
2015-12-24 17:49
691 查看
css:
#loading{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
<a href="https://www.baidu.com/s?wd=z-index&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d-mymkuj0LuARYnhf4Pvw90AP8IA3qPjfsn1bkrjKxmLKz0ZNzUjdCIZwsrBtEXh9GuA7EQhF9pywdQhPEUiqkIyN1IA-EUBt3P1fsP10Yn10YrHmsPHbLP1c"
target="_blank" class="baidu-highlight">z-index</a>:15000;}
#loading img{
position:absolute;
top:50%;
left:50%;
width:50px;
height:50px;
margin-top:-15px;
<a href="https://www.baidu.com/s?wd=margin-left&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d-mymkuj0LuARYnhf4Pvw90AP8IA3qPjfsn1bkrjKxmLKz0ZNzUjdCIZwsrBtEXh9GuA7EQhF9pywdQhPEUiqkIyN1IA-EUBt3P1fsP10Yn10YrHmsPHbLP1c"
target="_blank" class="baidu-highlight">margin-left</a>:-15px;}
body:
<div id="loading" style="visibility: hidden;">
<img src="images/wait.gif" width="33" alt="">
</div>
#loading{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
<a href="https://www.baidu.com/s?wd=z-index&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d-mymkuj0LuARYnhf4Pvw90AP8IA3qPjfsn1bkrjKxmLKz0ZNzUjdCIZwsrBtEXh9GuA7EQhF9pywdQhPEUiqkIyN1IA-EUBt3P1fsP10Yn10YrHmsPHbLP1c"
target="_blank" class="baidu-highlight">z-index</a>:15000;}
#loading img{
position:absolute;
top:50%;
left:50%;
width:50px;
height:50px;
margin-top:-15px;
<a href="https://www.baidu.com/s?wd=margin-left&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d-mymkuj0LuARYnhf4Pvw90AP8IA3qPjfsn1bkrjKxmLKz0ZNzUjdCIZwsrBtEXh9GuA7EQhF9pywdQhPEUiqkIyN1IA-EUBt3P1fsP10Yn10YrHmsPHbLP1c"
target="_blank" class="baidu-highlight">margin-left</a>:-15px;}
body:
<div id="loading" style="visibility: hidden;">
<img src="images/wait.gif" width="33" alt="">
</div>
相关文章推荐
- JS滑动下划线导航菜单实现原理
- js封装时间转换工具,实现日期之前的转换
- JSP转发和重定向的区别
- 用原生js实现数据双向绑定
- JSP重定向技巧
- scrapy爬虫成长日记之创建工程-抽取数据-保存为json格式的数据
- 利用js制作html table分页示例(js实现分页)
- 弹出窗口两种方式
- javascript 函数重载另一种实现办法
- JavaScript的编码规范
- 生成JSON数据对象
- Jsoup数据抓取
- Angular.js入门的样例
- bootstarp modal自己主动调整宽度的JS代码
- JavaScript原型继承添加方法属性
- js 拷贝clone
- JS刷新页面总和!多种JS刷新页面代码!
- js遍历json数组
- 网页运行js代码
- js变量作用域