0

アニメーション jpg を生成する URL があります。top と left のプロパティを使用する js ファイルが添付されています。上部と左側にランダムな値が割り当てられます。スクリプト全体は純粋な javascript です。[jQueryまたは使用されていませんjQuery animate]

私が欲しいのは

マウスオーバーするまでアニメーションを停止します。

マイコード

$('#s0').live('mouseover',function(){
     var top = $(this).css("top");
     var left = $(this).css("left");
     $(this).css({top:top, left:left}).animate({top:top, left:left}); 
     console.log(top);
     console.log(left);
})

アニメーションを維持するためanimateに時間を表示する引数が必要なため、これは約 1 秒間だけ停止します。ms

と を追加setintervalしてみhoverました。

拘束する

メインのjsファイルを変更できません。これを機能させるために追加のコードを書いています。

4

2 に答える 2

0

これを試して：

$("#s0").on("mouseover", function(){
       $(this).stop();

}).mouseout(function(){
       $(this).animate(  ...  );  // animation continues...
})
于 2012-04-16T05:08:25.033 に答える
-2

jQueryは現在、代わりに.on()を使用することを推奨しているlive()ため、それらを交換してから、「off()メソッドは.on()でアタッチされたイベントハンドラーを削除します」(ドキュメントから)

于 2012-04-16T05:05:55.527 に答える