<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"><Htmlmlml xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> 无标题文档 </title> </head> <script src = "jQuery. type = "text/javaScript"> </script> <script type = "text/javaScript"> $ (function () {interid = setInterval (showGao, 1); var i = 1; $ ('#top'). Höhe (8); $ ('#buttom'). CSS ('margintop', 42); $ ('#buttom'). CSS ('Hintergrund', '#d6d6d6'); $ ('#buttom'). $ ('#buttom1'). CSS ('Hintergrund', rot '); $ ('#buttom1'). Höhe (i1); I1 ++; if(i1==30){clearInterval(interid1);} }});</script><body><style> .container{width:20px;height:50px;border:1px solid #999;font-size:10px;float:left;margin-left:5px;}</style><div onclick="javascript:alert(1);" > <div id = "top"> 82%</div> <div id = "buttom"> </div> </div> <divClick = "JavaScript: alert (1);" > <div id = "top1"> 62%</div> <div id = "buttom1"> </div> </div> </body> </html>