将控制器添加到jQuery脚本

时间:2013-11-20 08:29:32

标签: jquery

我刚刚编写了jQuery脚本来翻转Divs,但我无法想象创建一个控制器。

像点击一个部分来带来第一个div等。

示例:点击链接1获取div 1,点击链接2获取div 2等

$(document).ready(function() {
    setInterval ("animateFunc()",3000);
});

function animateFunc (){
    var currentDiv = $("#divsContainer div.current");
    var nextDiv = currentDiv.next();

    if (nextDiv.length == 0) {
        nextDiv = $("#divsContainer div:first");
    };

    currentDiv
        .css({ left: 0 })
        .removeClass("current")
        .animate({ left: "100%" }, 1000);

    nextDiv
        .css({ left: "-100%" })
        .addClass("current")
        .animate({ left: 0 }, 1000);
};

以下是代码的小提琴: http://jsfiddle.net/e8uz3/1/

全部谢谢!

0 个答案:

没有答案