一个基于jquery的页面预载入效果(loading)
2014-03-25 00:39
471 查看
1,在代码<head></head>里加入以下jquery:
[javascript] view
plaincopy
$(window).load(function(){
$("#loading").hide();
})
2,在里<body></body>加入以下代码:
[xhtml] view
plaincopy
<div id="loading">
Loading content, please wait..
<img src="loading.gif" mce_src="loading.gif" alt="loading.." />
</div>
在里的这代码必须保证在网页载入的最前面。
接着是css代码:
[xhtml] view
plaincopy
#loading{
position:absolute;
width:300px;
top:0px;
left:50%;
margin-left:-150px;
text-align:center;
padding:7px 0 0 0;
font:bold 11px Arial, Helvetica, sans-serif;
}
一个基于jquery的loading效果就完成咯。
更好的效果参考:http://ilikecss.com/blog/a-page-preload-animation/
相关文章推荐
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 一个基于jquery的页面预载入效果(loading)
- 基于jquery的页面预载入效果(loading)
- 在载入新页面时产生LOADING效果?看下面吧
- 基于jquery创建的一个图片、视频缓冲的效果样式插件
- 一个基于jquery的图片切换效果