短时间增加高度逐步显示核心函数
以下就是主要的核心函数
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 ) } )(); } }