最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS 實現(xiàn)可停頓的垂直滾動實例代碼

 更新時間:2016年11月23日 08:39:14   投稿:jingxian  
下面小編就為大家?guī)硪黄狫S 實現(xiàn)可停頓的垂直滾動實例代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
var ScrollMiddle = {
     'Odiv':document.getElementById('comment'), // 目標DOM    
     'Oli': document.getElementById('comment').getElementsByTagName('li'), 
     'times':30,      // 配置滾動時間                        
     'delay':1000,    // 配置暫停的時間                
     inint:function(){
       this.size = this.Oli.length;
       this.height = 59;
       this.countHeight =this.size * this.height;
       this.Odiv.innerHTML+=this.Odiv.innerHTML;
       this.timer = null;
     },
     scroll:function(){
       var _this = this;
       _this.inint();
       function scrolls(){

         var scrollValue = _this.Odiv.scrollTop;
         var sub_timer = null;
         var num=0;
         if(scrollValue>=_this.countHeight){
           _this.Odiv.scrollTop = 0;
         }else{
           _this.Odiv.scrollTop++;
           if(scrollValue%_this.height==0){
             clearInterval(_this.timer)
             function delay(){
               num++;
               if(num==3){
                 num=0;
                 clearInterval(sub_timer);
                 sub_timer = null;
                 clearInterval(_this.timer)
                 _this.timer = setInterval(scrolls,_this.times);
                 return false;
               }
             }
             sub_timer = setInterval(delay,_this.delay)
           }
         }
       }
       this.timer = setInterval(scrolls,_this.times);
     }
   }

調(diào)用方法:

ScrollMiddle.scroll();

HTML 結(jié)構(gòu):

<ul id="comment">
  <li></li>
  ......
</ul>

CSS結(jié)構(gòu):

#comment{
  width:200px;
  height:200px;
  overflow:hidden;  
}

以上這篇JS 實現(xiàn)可停頓的垂直滾動實例代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

东乌| 江达县| 舞阳县| 康平县| 中牟县| 铜山县| 正定县| 新蔡县| 栖霞市| 武定县| 九台市| 甘孜县| 旬邑县| 新密市| 新闻| 东阳市| 海盐县| 农安县| 莲花县| 耒阳市| 九寨沟县| 浦北县| 醴陵市| 澄江县| 阳朔县| 柳州市| 怀柔区| 盐亭县| 平塘县| 乌审旗| 上杭县| 留坝县| 姚安县| 双峰县| 天门市| 海丰县| 峡江县| 金昌市| 廊坊市| 贡觉县| 盐城市|