Question

我正在寻找一种简单的方法来在div上水平滚动图像列表，并重复模式（无限循环的图像从左向右缓慢移动）。

目前使用http://logicbox.net/jquery/simplyscroll/执行此任务，但它有许多我不需要的功能（例如用户控件和垂直滚动）。我希望有一种简单的方法可以在几十行中用jQuery编写代码。

我确信我可以构建一些东西来水平滚动图像，但让它们循环却超出了我。

任何帮助，信息，甚至新脚本（最近更新过）都会很棒。谢谢！

Answer 1

如何使用animate（）及其回调来创建循环的超级简单示例。它仅为第一个项目设置动画，然后将节点移动到最后一个子项目之后。因此，您可以每次都保持动画第一个元素。

代码： http://jsfiddle.net/54fUH/
演示： http://jsfiddle.net/54fUH/show

(function animate() {
    $("#slides li:first").each(function(){
        $(this).animate({marginLeft:-$(this).outerWidth(true)},3000,function(){
            $(this).insertAfter("#slides li:last");
            $(this).css({marginLeft:0});
            setTimeout(function(){animate()},2000);
        });
    });
})();

Answer 2

试试jquery jCarousel Lite插件。请参阅自动滚动演示：http://www.gmarwaha.com/jquery/jcarousellite/?#demo

滚动图像的div

2 个答案: