js 实现marquee效果

23. 六月 2015 JavaScript 0

简单介绍一下用js怎么实现marquee标签的效果,只要用到的是js的setInterval函数来控制轮播,将执行时间设置为30毫秒,每30毫秒执行一次方法(向左移动2px),因为宽度太小,时间太短,所以给人的感觉就是在一直向左轮播。

但是几张图片总有向左走完的那一刻,为了可以做到无缝轮播,需要将现有的所有图片作为一个整体,也是就ul,copy一份连接到后面,也就是说现在有两个ul,作为一个整体向左移动,当第一个ul移动完的时候,第二个刚出来的那一瞬间,迅速将第一个ul拽回来,然后从头开始………………

js代码

html代码

css代码


发表评论

电子邮件地址不会被公开。