复制代码 代码如下: <br> $(function(){ <br><br> for(var i=1; i<6;i )<BR> {<BR> var a=$("#zhong" i "").height(); //获取高度<BR> $("#zhong" i "").attr("OldHeight",a); //设置OldHeight属性<BR> }<BR> var e=0; //定义一个值<BR> interid=setInterval(Showgao,30); //setInerval 每隔30ms加载一次<BR> function Showgao()<BR> {<BR> e ;<BR> for(var x=1;x<6;x )<BR> {<BR> var b= $("#zhong" x "").attr("OldHeight"); </P> <P> if(typeof(b) == "undefined"||b!="")<BR> {</P> <P> if(e>b){$("#zhong" x "").height(b);}<br> else{$("#zhong" x "").height(e);}<br> }<br> }<br> if(e==1000){clearInterval(interid);}<br> }<br><br> });<br> 再看看HTML代码 复制代码 代码如下: 实现的效果是这样的，我的意思不知道大家能不能明白，其实就是先定好这个圆柱的高度，然后用JS动态的从0往上升，最好达到设定好的高度
