国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JS 實現可停頓的垂直滾動實例代碼

2019-11-19 18:52:12
字體:
來源:轉載
供稿:網友
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);     }   }

調用方法:

ScrollMiddle.scroll();

HTML 結構:

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

CSS結構:

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

以上這篇JS 實現可停頓的垂直滾動實例代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 逊克县| 正镶白旗| 菏泽市| 佛坪县| 哈巴河县| 茂名市| 烟台市| 桂平市| 偏关县| 长海县| 宁海县| 温州市| 门源| 克什克腾旗| 信阳市| 得荣县| 崇义县| 金坛市| 沙湾县| 安阳市| 朝阳区| 盐源县| 吐鲁番市| 登封市| 东乡族自治县| 西宁市| 华池县| 平乡县| 杭锦后旗| 龙川县| 华容县| 宁强县| 柞水县| 广州市| 长宁县| 色达县| 射洪县| 敦煌市| 富民县| 开江县| 新郑市|