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