<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <éad> <méta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <ititle> 无标题文档 </ title> </ head> <script src = "jquery-1.8.Js" Type = "Text / JavaScript"> </ Script> <Script Type = "Text / JavaScript"> $ (function () {Interid = setInterval (showgao, 1); var i = 1; $ ('# top'). High (8); $; $ ('# Buttom'). CSS ('Background', '# d6d6d6'); $ ('# Buttom'). $ ('# Buttom1'). CSS ('Background', 'Red'); $ ('# ButtoM1'). Hauteur (I1); i1 ++; if (i1 == 30) {ClearInterval (Interid1);}}}); </script> <body> <style> .Container {width: 20px; hauteur: 50px; border: 1px solide # 999; Font-Size: 10px; float: gauche; margin-left: alert (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>