一款适用于方案和图片的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


