JS实现的N多简单无缝滚动代码(包含图文效果)_javascript技巧

实现原理很简单，注册事件之后，立即将元素的innerHTML累加一次。

接着滚动开始，当滚动条到达元素的中间位置时：

不要在子元素上设置margin和padding，因为CSS对margin或padding的叠加机制，会导致滚动出现“跳跃”。稳妥的办法是套一个内联元素，然后再在里面设置margin或者padding！

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-n-txt-pic-scroll-codes/

具体代码如下：

希望本文所述对大家JavaScript程序设计有所帮助。