代码记录


  2 Jquery简易进度条。
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 
 5 <html xmlns="http://www.w3.org/1999/xhtml" >
 6     <head>
 7         <title>jQuery 进度条</title>
 8         <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 9         
10         <style type="text/css">
11   
12             #loading {
13 width:200px;
14 height:20px;
15 background:#A0DB0E;
16 padding:5px;
17 position:fixed;
18 left:0;
19 top:0;
20 }
21 #loading div {
22 width:1px;
23 height:20px;
24 background:#F1FF4D;
25 }
26         </style> 
27         <script src="http://www.cnblogs.com/JS/jquery.js" type="text/javascript"></script>
28          
29     </head> 
30     <body> 
31         <div class="example">  
32         <div id="loading"><div>正在加载</div></div>
33         <script type="text/javascript">
34         $("#loading div").animate({width:"200px"})
35         </script>
36          
37         </div> 
38     </body> 
39 </html>
40 <script type="text/javascript">
41 $("#loading").fadeOut()
42 </script
posted @ 2009-06-02 12:45  问天何必  阅读(215)  评论(0编辑  收藏  举报
性感美女 无限影视网