文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>短时间增加高度逐步显示核心函数

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

时间: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 )
                     
                } )();
     }
  
}
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载