短时间增加高度逐步显示核心函数
时间:2010-10-05 来源:.小贺
以下就是主要的核心函数
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 )
} )();
}
}
相关阅读 更多 +










