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

首頁 > 開發 > JS > 正文

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

2024-05-06 16:33:03
字體:
來源:轉載
供稿:網友
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 實現可停頓的垂直滾動實例代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持VeVb武林網。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 瑞昌市| 湟中县| 南宁市| 普定县| 万安县| 台南县| 梅河口市| 安丘市| 桐乡市| 常州市| 寿光市| 天祝| 梁河县| 汤阴县| 商水县| 肥西县| 同仁县| 大城县| 南部县| 苏尼特左旗| 湾仔区| 大宁县| 贡觉县| 康保县| 左权县| 岳池县| 凯里市| 扶风县| 林口县| 深泽县| 法库县| 新绛县| 武穴市| 铜陵市| 石河子市| 当雄县| 平遥县| 静乐县| 江华| 敖汉旗| 酒泉市|