JS 实现可停顿的垂直滚动
2016-02-18 11:37
555 查看
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; }
相关文章推荐
- C#集合转换为json
- 学习html&css&JavaScript记录
- HTML5,CSS,JS知识记录
- angular js随意笔记
- Javascript闭包详解
- 编写可维护的Javascript纪要
- Thymeleaf Javascript 引用与取值
- 初识JSON
- js字符串长度截取 substring、substr、slice
- input标签只能输入数字js实现(且不能输入e或者其他各种符号)
- json转换为各种数据对象格式
- 用JavaScript将数字转换为大写金额
- fastJSON
- JSONKit 在Xcode7下的问题
- JS判断客户端是否已安装ActiveX控件
- js验证邮箱正则表达式,邮箱验证方法
- JS面向对象的程序设计
- JavaScript 格式化日期,转换时间日期格式
- javascript 里面 with 关键字
- 30行代码实现Javascript中的MVC