<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w.w.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><Html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/> <title> </title> </head> <cript src = "jquery-1.8.8.js" type = "text/javaScript"> </script> <script type = "text/javaScript"> $ (function () {interid = setInterVal (showgao, 1); var i = 1; $ ( '#top'); $ ( '#buttom'). css ( 'margintop', 42); $ ( '#buttom'). CSS ( '#d6d6d6') {var oldh = $ ( '#buttom'). $ ( '#buttom'). I ++; $ ( '#buttom1'). $ ( '#buttom1'). 높이 (i1); i1 ++; if (i1 == 30) {clearinterval (interid1);}}}); </script> <body> <sty> .Container {width : 20px; 높이 : 50px; 테두리 : 1px solid #999; font-size : 10px; float : 왼쪽; margin-le- : 5px;} <div on Click = "javascrip : 1); > <div id = "top"> 82%</div> <div id = "buttom"> </div> </div> <div onclick = "javaScript : alert (1);" > <div id = "top1"> 62%</div> <div id = "buttom1"> </div> </div> </body> </html>