Question

我目前正在使用Spritely在jQuery中创建动画。

如何在鼠标悬停时播放动画，然后在鼠标停止时停止动画...

任何帮助都会非常感谢，这是当前的代码：

(function($) {
            $('#booth').bind("mouseenter", function() {
                $('#phone').sprite({fps: 24, no_of_frames: 36})
                $(this).unbind();
            });

            $('#booth').bind("mouseout", function() {
                $(this).stop();
                $(this).unbind();
            });
        })(jQuery);

Answer 1

从Spritely文档中，看起来.spStop()是您想要的方法：

        $('#booth').bind("mouseout", function() {
            $(this).spStop();
            $(this).unbind();
        });

Answer 2

我认为您正在寻找.destroy()

制作代码：

$('#booth').bind("mouseout", function() {
     $(this).destroy();
      $(this).unbind();
});`

我一直在使用它，destroy方法会停止动画。

仅在鼠标悬停时播放Spritely动画

2 个答案: