间歇、无缝滚动效果(用gif录制的效果不是很好,有兴趣的可以down代码),具体内容如下
代码:
无缝滚动 1无缝滚动2无缝滚动3无缝滚动4无缝滚动5无缝滚动6无缝滚动7无缝滚动8无缝滚动9无缝滚动10无缝滚动11无缝滚动12无缝滚动13无缝滚动14无缝滚动15无缝滚动1间歇滚动2间歇滚动3间歇滚动4间歇滚动5间歇滚动6间歇滚动7间歇滚动8间歇滚动9间歇滚动10间歇滚动11间歇滚动12间歇滚动13间歇滚动14间歇滚动15间歇滚动
注意点:
1.盒子块要css 溢出隐藏:overflow:hidden
2.有两个功能:间歇滚动/无缝滚动
3.先复制一块一模一样的代码,无缝滚动:执行定时器一直增加scrollTop值,当scrollTop值大于盒子高度,在设置scrollTop为0,重新来过。间歇滚动在此基础上加了setTimeout,间歇执行,在scrollTop到达指定的height停止
4.疑问:代码中setInterval(function(){scrollIng()},30);这样写才可以执行,setInterval('scrollIng()',30);这样就不行,有没有大神指导下,两者有啥区别?是啥机制?
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持全福编程网。