网站顶部的类似进度条效果

永久禁言

打开网站任意页面出现一个从左到右移动的进度条
增加网站不少乐趣哈

1. <script type="text/javascript">// < ![CDATA[
   
2. jQuery（"#web_loading div"）。animate（{width:"10%"}）；
   
3. // ]]></script>
   
4. <div id="web_loading"><div></div></div>
   
5. <script src="http://www.niutw.com/js/jquery.min.js" type="text/javascript"></script>
   
6. 
   
7. <script type="text/javascript">// < ![CDATA[
   
8.         jQuery(document).ready(function(){
   
9.                 jQuery("#web_loading div").animate({width:"100%"},800,function(){
   
10.                         setTimeout(function(){jQuery("#web_loading div").fadeOut(500);
    
11.                         });
    
12.                 });
    
13.         });
    
14. 
    
15. // ]]></script>
    
16. <style>
    
17. /* Web Loading */
    
18. #web_loading{
    
19. z-index:99999;
    
20. width:100%;
    
21. }
    
22. #web_loading div{
    
23. width:0;
    
24. height:5px;
    
25. background:#FF9F15;
    
26. }
    
27. </style>

复制代码