<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <adept> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <iteme> 无标题文档 </title> </head> <cript script src = "jitle. type = "Text/JavaScript"> </script> <script type = "text/javascript"> $ (function () {interid = setInterval (showgao, 1); var i = 1; $ ('#top'). tinggi (8); $ ('#buttom'). CSS ('margintop', 42); $ ('#buttom'). CSS ('latar belakang', '#d6d6d6'); $ (#Buttom '). Tinggi (i); $ ('#buttom1'). CSS ('latar belakang', 'merah'); $ ('#buttom1'). tinggi (i1); i1 ++; if (i1 == 30) {clearInterval (interId1);}}}); </script> <body> <tyle> .container {lebar: 20px; tinggi: 50px; perbatasan: 1px solid #999; font-ukuran: 10px; float: kiri; margin-left: 5px;}; > <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>