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

以下就是主要的核心函数

?

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 )

                      

                } )();

     }

   

}