zoukankan      html  css  js  c++  java
  • 短时间增加高度逐步显示核心函数

    以下就是主要的核心函数

    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 )
                         
                    } )();
         }
      
    }
    
  • 相关阅读:
    假期十一
    假期十
    假期九
    假期八
    假期七
    假期六
    假期五
    假期四
    2020.02.11
    2020.02.10
  • 原文地址:https://www.cnblogs.com/NetSos/p/1844303.html
Copyright © 2011-2022 走看看