代码记录

  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({"200px"})
35         </script>
36
37         </div>
38     </body>
39 </html>
40 <script type="text/javascript">
41 $("#loading").fadeOut()
42 </script