您好,欢迎来到年旅网。
搜索
您的当前位置:首页JS实现的N多简单无缝滚动代码(包含图文效果)_javascript技巧

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

来源:年旅网
本文实例讲述了JS实现的N多简单无缝滚动代码。分享给大家供大家参考,具体如下:

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

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

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

运行效果截图如下:

在线演示地址如下:

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

具体代码如下:


            
            

Copyright © 2019- oldu.cn 版权所有 浙ICP备2024123271号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务