jquery - JQuery中鼠标悬停和鼠标悬停时停止和继续动画的方法

Question

例如:

一个简单的例子来解释:

$('.moveDiv').animate({ "margin-left": 2000 }, 20000, 'linear');

moveDiv 元素在加载时会向左移动，现在，当鼠标移到 moveDiv 元素上时，我希望当鼠标移出时它会停止并继续移动!

有什么想法吗？

我在这个question of stackoverflow中找到了这段代码，所以，我只是想修改代码，使其能够在鼠标悬停时停止并继续动画!!

the demo of the code

Answer 1

Pause / Resume Animation Plugin

    $(document).ready(function () {

        $(".moveDiv")
        .mouseover(function () { $(this).pauseAnimation(); })
        .mouseout(function () { $(this).resumeAnimation(); })
        .startAnimation({ "margin-left": 2000 }, 20000, 'linear');

    });