Javascript 反复滚动图像，而无需单击“下一步”或“上一步”按钮 $（文档）.ready（函数（）{ 无功转速=600； $（'#navPrev'）。单击（函数（）{ $（'#carouselle'）。动画（{marginLeft:'-280px'，速度）； }); $（'#navNext'）。单击（函数（）{ $（'#carousel ul'）。动画（{marginLeft:'1px'}，速度）； }); }); $（'#carousel ul'）。切换( 函数（）{ $（'drop'）.hide（'drop'，{direction:'right'，1000）； }, 函数（）{ $（'drop'）.show（'drop'，{direction:'down'}，500）； } ); #容器{高度：100px；宽度：500px；字体系列：Tahoma；} #转盘{高度：100px；宽度：500px；边框：1px实心#000； 溢出：隐藏；} #转盘ul{列表样式类型：无；页边顶部：4px；宽度：2000px；页边- 左：0；左：0；左填充：1px；} #旋转木马li{display:inline；} #旋转木马ul li img{宽度：90px；高度：90px；边框：1px实心#ccc； 浮动：左；} #navPrev{float:left；} #navNext{float:right；}

希望它现在已经完成。

这可能会有帮助：

<script>
     $(document).ready(function () {
            var speed = 600;

            $('#navPrev').click(function () {
                $('#carouselul').animate({ marginLeft: '-280px' }, speed);
            });

            $('#navNext').click(function () {
                $('#carousel ul').animate({ marginLeft: '1px' }, speed);
            });
        });

    $('#carousel ul').toggle(
        function() {
            $('#drop').hide('drop', { direction: 'right' }, 1000);
        },
        function() {
            $('#drop').show('drop', { direction: 'down' }, 500);
        }
    );
</script>

<style type="text/css">
    #container {height:100px; width:500px; font-family:Tahoma;}
    #carousel { height:100px; width:500px; border:1px solid #000;
    overflow:hidden;}
    #carousel ul { list-style-type:none;margin-top:4px; width:2000px; margin-
    left:0; left:0; padding-left:1px;}
    #carousel li { display:inline;}
    #carousel ul li img{ width:90px; height:90px; border:1px solid #ccc;
        float:left; }
    #navPrev {float:left;}
    #navNext {float:right;}
</style>

而且您最好总是缓存DOM查询结果，因为查询的成本非常高。 就像这样：

var animate = function () {
    var speed = 600;

    animate.toggle = !animate.toggle;

    $('#carousel ul').animate({
        marginLeft: (animate.toggle ? '-280px' : '1px')
    }, speed, delayAnimate);
};


var delayAnimate = function () {
    var delay = 500;
    setTimeout(animate, delay);
};

---

我试过了，但仍然不起作用，我应该在动画功能中添加什么。到底什么不起作用？您是否使用调试器（例如Firebug）？在jsfiddle.net上创建一个完整的测试用例，以便我们可以帮助您。

var carusel = $('#carousel ul');

var animate = function () {
    // ...
    carousel.animate()
}