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

例如：

一个简单的例子来解释：

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

moveDiv element在加载时会向左移动，现在，当mouse move over moveDiv element时，希望它停止并在mouse move out继续移动！

有任何想法吗？

我在question of stackoverflow中找到了此代码，所以，我只想修改代码以使其在鼠标悬停时可以停止并继续动画！

the demo of the code

最佳答案

Pause / Resume Animation Plugin

    $(document).ready(function () {

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

    });