当前位置:Gxlcms > JavaScript > 使用Javascript简单实现图片无缝滚动_javascript技巧

使用Javascript简单实现图片无缝滚动_javascript技巧

时间:2021-07-01 10:21:17 帮助过:4人阅读

js无缝滚动效果几乎在任何网页上都能看到它的身影,有的可能是使用插件,其实使用原始的javascript比较简单。

主要的是使用js位置知识。

1.innerHTML:设置或获取元素的html标签

2.scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距

3.offsetWidth:设置或获取指定标签的宽度

4.setInterval():设置方法定时启动

5.clearInterval();清除定时器

效果图:

先睹为快:demo

代码如下:





javascript scroll制作




图片滚动制作