短时间增加高度逐步显示核心函数

以下就是主要的核心函数

function slideDown( elem ){//这个函数是不是有点像jquery里的那个,有点像
      elem.style.height = '0px';
      show();//该方法是显示元素,因为他的高度刚设为0嘛,看不到;
     var h=function///获取他该是的完整的高度
      //以下便是短时间显示,元素
     //1秒钟内执行一个20帧的动画
       for( var i=0; i<100; i+=5  ){
          //保证我们能够保持正确的  i 的闭包函数
                (function(){
                  var pos = i;
                   
                   //设置timeout以让他在指定的时间点运行
                       setTimeout(function(){
                      //设置元素的新高度
                          elem.style.height  =( (pos/100)*h  ) +"px";
                 }, (pos+1)*10 )
                     
                } )();
     }
  
}
posted @ 2010-10-05 16:13  hevily  Views(274)  Comments(0Edit  收藏  举报