无限图像从右到左滚动

时间:2016-08-10 11:14:48

标签: jquery css

Infinite Scroll

我正在尝试从左到右滚动我的同事的徽标,而不是自动按钮。

有我的HTML代码

<div class="associates">
            <ul>
                <li><a href="#"><img src="IMG/associate/1.jpg" alt="" /></a></li>
                <li><a href="#"><img src="IMG/associate/2.png" alt="" /></a></li>
                <li><a href="#"><img src="IMG/associate/3.jpg" alt="" /></a></li>
                <li><a href="#"><img src="IMG/associate/4.jpg" alt="" /></a></li>
                <li><a href="#"><img src="IMG/associate/5.jpg" alt="" /></a></li>
                <li><a href="#"><img src="IMG/associate/6.jpg" alt="" /></a></li>
                <li><a href="#"><img src="IMG/associate/7.jpg" alt="" /></a></li>
                <li><a href="#"><img src="IMG/associate/8.jpg" alt="" /></a></li>
                <li><a href="#"><img src="IMG/associate/9.jpg" alt="" /></a></li>
                <li><a href="#"><img src="IMG/associate/10.jpg" alt="" /></a></li>
                <li><a href="#"><img src="IMG/associate/11.jpg" alt="" /></a></li>
            </ul>
</div>

如何使用Jquery无限滚动它们?

1 个答案:

答案 0 :(得分:0)

这里可以找到非常好的解决方案 css tricks

它基本上通过为具有两个相同区域的图像层设置动画并屏蔽溢出来完成该技巧。 优雅而实用。