最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:45:15
文档

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

JS实现的N多简单无缝滚动代码(包含图文效果)_javascript技巧:本文实例讲述了JS实现的N多简单无缝滚动代码。分享给大家供大家参考,具体如下: 实现原理很简单,注册事件之后,立即将元素的innerHTML累加一次。 接着滚动开始,当滚动条到达元素的中间位置时: 不要在子元素上设置margin和padding,因为CSS对marg
推荐度:
导读JS实现的N多简单无缝滚动代码(包含图文效果)_javascript技巧:本文实例讲述了JS实现的N多简单无缝滚动代码。分享给大家供大家参考,具体如下: 实现原理很简单,注册事件之后,立即将元素的innerHTML累加一次。 接着滚动开始,当滚动条到达元素的中间位置时: 不要在子元素上设置margin和padding,因为CSS对marg
 本文实例讲述了JS实现的N多简单无缝滚动代码。分享给大家供大家参考,具体如下:

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

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

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

运行效果截图如下:

在线演示地址如下:

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

具体代码如下:






无缝滚动


较简单的无缝滚动实现办法

切记:不要在子元素上设置margin和padding,因为CSS对margin或padding的叠加机制,会导致滚动出现“跳跃”。稳妥的办法是套一个内联元素,然后再在里面设置margin或者padding!为什么滚动到一半就跳转到顶部了呢?因为obj.innerHTML=obj.innerHTML+obj.innerHTML,它迷惑了你。。

第一个,设置非标准属性delay,所以要快些

蓝色理想维基是一个以蓝色理想社区 用户为基础的维基系统。 只要是社区的用户,并达到初级用户级别,就能对本站的页面进行增加和编辑。

我们目前使用这套系统来完成我们网站的各项帮助。比如论坛怎么使用,怎么找回密码一类的问题。另外还用来记录一些网站,会员的各项历史信息。

长期的打算是解决社区的技术版块中重复提出的基础问题。因为论坛回复很不规范,需要用户自己从回复中整理和测试,另外很容易被帖子内容淹没,没有有效地进行整理和规范。

我们想利用高素质的网站会员在HTML方面的专业知识,来完成一个协作的WEB知识库,造福大众。

蓝色理想维基标识设计师是:bobpop,标识版权属于支付宝。

第二个,如果未设置delay,则默认100毫秒的频率滚动

缺陷:不能对子标签设置margin或者padding。

怎么办呢?跟上面一样,里面套一个span标签,然后就可以设置margin,padding了。

算是一个缺点吧。

第三个,可以停止的,因为class="seamless allowStop"

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

文档

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

JS实现的N多简单无缝滚动代码(包含图文效果)_javascript技巧:本文实例讲述了JS实现的N多简单无缝滚动代码。分享给大家供大家参考,具体如下: 实现原理很简单,注册事件之后,立即将元素的innerHTML累加一次。 接着滚动开始,当滚动条到达元素的中间位置时: 不要在子元素上设置margin和padding,因为CSS对marg
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top