国产探花免费观看_亚洲丰满少妇自慰呻吟_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教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 德清县| 万州区| 阆中市| 广平县| 寻甸| 南康市| 泌阳县| 维西| 大化| 黔江区| 庆阳市| 南康市| 龙口市| 潢川县| 平邑县| 罗源县| 龙岩市| 开江县| 微山县| 麦盖提县| 云南省| 扎兰屯市| 伊宁县| 白银市| 蚌埠市| 江阴市| 宁阳县| 建瓯市| 东台市| 南安市| 肥乡县| 理塘县| 东辽县| 东乌珠穆沁旗| 深泽县| 岚皋县| 望奎县| 京山县| 神农架林区| 平原县| 鄂托克旗|