1

jQueryRotate プラグインを使用してマウスオーバーで現在の位置で糸車を停止し、マウスアウトで停止した場所でアニメーションの回転を続行しようとしています。

カスタム アニメーションで動作する stop メソッドで動作させることができないようです

糸車のコードはjsfiddleにあります

var angle = 0;
    setInterval(function(){
        angle+=3;
    $("#carwheel").rotate(angle,{ easing:'easeInOutElastic'});

    $("#carwheel")
    .mouseover(function () { $(this).stop(); })
    .mouseout(function () { $(this).resume(); })

    },100);
4

1 に答える 1

1

次のコードはあなたのために働きます、

var angle = 0;
var int;
rotateImage();

function rotateImage() {
    int = setInterval(function() {
        angle += 3;
        $("#image").rotate(angle);
    }, 50);
}
$("#image").mouseover(function() {
    clearInterval(int);
    //$(this).stop();
}).mouseout(function() {
    rotateImage();
});​

http://jsfiddle.net/73pXD/2393/

于 2012-07-30T05:35:20.600 に答える