如何使div滑块自动和手动导航?

时间:2015-07-08 04:10:32

标签: javascript jquery html slider

http://jsfiddle.net/qga2o2qd/1/ 这是使滑块自动滑动的代码,但为了使手动导航成为可能,我对其进行了评论。

setInterval(function()
{
    if(x==divs.length-1)
    {
        $("#div4,#div3,#div2").animate({right:"0%"},1000);
        x=0;
        return;
    } 
var width=divs[x].width();
divs[x].animate({right:"100%"},"slow");
x+=1;

},3000);

1 个答案:

答案 0 :(得分:0)

您已经完成了自动化。您应该在间隔中调用右侧或左侧功能之一:我已更新您的Fiddle

setInterval(function()
{
    $("#right").click();

},3000);