html5文字无缝滚动,js代码实现无缝滚动(文字和图片)

一款适用于方案和图片的JS无缝滚动代码，可控制向左或向右滚动，代码不算复杂，而且本无缝滚动代码兼容性也挺好，你几乎不需要修改什么代码，就能使用了。测试时候把那些带标号的方块都改成图片吧，这样就更有感觉了。

代码如下：

无缝滚动

* { margin: 0; padding: 0; }

.other { width: 100%; height: 50px; background: #F00; }

.main { width: 400px; height: 130px; margin: 0 auto; border: 1px solid #000; overflow: hidden; position: relative; }

.banner a { display: block; float: left; margin: 15px 0 0 15px; }

.banner { position: absolute; width: 800%; }

#wrap1,

#wrap2 { float: left; }

.text { text-align: center; }

#wrap1 a,

#wrap2 a { text-decoration: none; }

#wrap1 span,

#wrap2 span { display: block; width: 100px; height: 100px; border: 1px solid #000; font-size: 36px; text-align: center; background: #999; }

向左 向右

12345