0

私は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})
});
4

2 に答える 2

0

3つの関数を個別に定義し、javascriptカウンター変数をページレベルで定義し、マウスオーバーイベントでcoutner変数を更新し、それに基づいて呼び出す関数を決定します。前の変数の実行中に次の変数をトリガーしないようにする場合は、start関数でtrueに設定し、remove関数でfalseに設定した2番目の「isrunning」変数を用意し、それも確認します。特別なことは何も必要ありません。

于 2012-05-10T20:38:47.767 に答える
0

Felix のjQuery Function Toggle Pluginのおかげで、これは簡単なことでした!

結果を表示するように jsFiddle を更新しました。
http://jsfiddle.net/Wuq6M/

于 2012-05-11T02:22:42.717 に答える