jquery - jQuery无限队列

Question

我对 jQuery 有点陌生，在这种情况下我无法设置队列。

我正在尝试这样做：鼠标悬停时会触发第一个队列条目。然后它等到另一个鼠标悬停触发下一个队列条目。无限循环队列。

http://jsfiddle.net/fChDX/

$("#header").mouseover(function() {
    var $shineCopy = $("#shine111").clone();
    $shineCopy.appendTo('body').animate({
        width: "300px",
        height: "300px",
        opacity: 0,
        "left": 0,
        "top":  100
    }, 1000, function() {
        $(this).remove();
    });
    $shineCopy.appendTo('body').rotate({animateTo:180})
});
​
$("#header").mouseover(function() {
    var $shineCopy = $("#shine222").clone();
    $shineCopy.appendTo('body').animate({
        width: "300px",
        height: "300px",
        opacity: 0,
        "left": 0,
        "top":  200
    }, 1000, function() {
        $(this).remove();
    });
    $shineCopy.appendTo('body').rotate({animateTo:180})
});

$("#header").mouseover(function() {
    var $shineCopy = $("#shine222").clone();
    $shineCopy.appendTo('body').animate({
        width: "300px",
        height: "300px",
        opacity: 0,
        "left": 0,
        "top":  300
    }, 1000, function() {
        $(this).remove();
    });
    $shineCopy.appendTo('body').rotate({animateTo:180})
});

Answer 1

分别定义三个函数，在页面级别定义一个 javascript 计数器变量，并让您的鼠标悬停事件更新 coutner 变量并根据它决定调用哪个函数。如果您想确保在前一个正在运行时不会触发下一个，请在 start 函数上设置第二个“isrunning” var，在 remove 函数上设置为 false，并检查它。没有什么花哨的要求。

Answer 2

感谢 Felix 的jQuery 函数切换插件，这简直是小菜一碟！

更新了 jsFiddle 以显示结果。
http://jsfiddle.net/Wuq6M/