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效果就完成咯。