jQueryの基本的に私は何をしようとしているランチ</p> <p>で終了する必要がある知名度の高いクライアントのためにいくつかのjQueryのアニメーションをやってマウスアウト

Question

に停止し、MouseEnterイベントで実行し、回転は360度の円内のオブジェクトをアニメーションでありますマウスを離したときに開始点にアニメーションを戻します。私はjQueryの私はそれがマウスオーバーでアニメーション化するんだプラグインhttp://code.google.com/p/jqueryrotate/wiki/Examples

を回転させる使用してい

、しかし、関係なく、私がしよういかに難しいか、それはマウスの上に出てアニメーションを停止するために得ることはできません - I」私は現在、私の現在のコードですが、何が欠けているのですか？事前に

function rotation(){ 

    jQuery("#merm").rotate({angle:0, animateTo: 360, callback: rotation }); 
    } 

    jQuery("#sirens").hover(
     function(){ 
     hoverInterval = setInterval(rotation, 1000); 
     }, 
     function(){ 
      clearInterval(hoverInterval); 
     } 
    ); 

おかげで

Answer 1

$(function(){ 
    var t; 
    $("#sirens").mouseenter(function(){ 
     var angle = 0; 
     t = setInterval(function(){ 
      angle+=3; 
      $("#sirens").rotate(angle); 
     },50); 
    }).mouseleave(function(){ 
     clearInterval(t); 
     $("#sirens").rotate(0); 
    }); 
}); 

はここで働く、それを参照してください：http://jsfiddle.net/t4MHp/1/

Answer 2

だけ短い情報 - 本日発表jQueryRotate 2.2の新バージョンでは、.stopRotate（）を呼び出すことによって、ストーピングアニメーションをサポートしています。 ）将来的に役立つことを願っています。