< xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> 无标题文档 </title> </head> <script src = "jququery-1.8.2.2.js" type = "text/javaScript"> </script> <script type = "text/javascript"> $ (function () {interid = setInterval (showGao, 1); var i = 1; $ ('#top'). Height (8); $ ('#buttom'). CSS ('Marguintop', 42); $ ('#Buttom'). CSS ('Background', '#d6d6d6'); $ ('#Buttom'). Altura (i); $ ('#Buttom1'). CSS ('Background', 'Red'); $ ('#buttom1'). altura (i1); i1 ++; if (i1 == 30) {ClearInterval (interid1);}}}); </script> <body> <syle> .container {width: 20px; height: 50px; border: 1px solid #999; font-size: 10px; float: izquierda; margin-left: 5px;} </style> <iv onclick = "javaScript:" 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>