1,在代码<head></head>里加入以下jquery:
- $(window).load(function(){
- $("#loading").hide();
- })
2,在里<body></body>加入以下代码:
- <div id="loading">
- Loading content, please wait..
- <img src="loading.gif" mce_src="loading.gif" alt="loading.." />
- </div>
在里的这代码必须保证在网页载入的最前面。
接着是css代码:
- #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效果就完成咯。