Jquery无限队列

我对jQuery有点陌生，在本例中设置队列时遇到问题

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

---

分别定义三个函数，在页面级别定义一个javascript计数器变量，让mouseover事件更新coutner变量并根据它决定调用哪个函数。如果要确保在前一个正在运行时不会触发下一个，请在start函数中设置第二个“isrunning”var，在remove函数中设置为true，并检查该值。不需要什么花哨的东西。

多亏了费利克斯，这真是小菜一碟

更新了JSFIDLE以显示结果。

---

你能澄清一下你需要什么帮助吗？你只需要绑定三个事件处理程序，它们都将同时执行。。。如果你想改变连续事件的行为，你可能想看看我写的这个插件：Felix，这是如此优雅和美丽。谢谢非常满意。在这里，它正在行动！将鼠标悬停在标题上方以查看它。

$("#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})
});