jQuery 菜单项悬停功能

Question

我正在使用Spritely 制作动画 jQuery 菜单，但我遇到的问题是动画看起来一点也不流畅。很结巴。理想情况下，我想做的是用户将鼠标悬停，然后鼠标移出，但是当他们移出鼠标时，帧会停在该帧上，再次鼠标悬停将重播。不过动画效果有点卡顿。

想知道是否有人可以帮助我解决这个问题。

我制作了一个 jsFiddle 来播放和调整

谢谢

Answer 1

如果我没有误解 id，我认为下面的 sn-p 工作正常

$("#access .menu-header ul li#menu-item-27 a").hover(function() {
        $("#access .menu-header ul li#menu-item-27 a").sprite({
            fps: 12, 
            no_of_frames: 9,
            play_frames: 9,
        }).spStart();
},function(){
   $("#access .menu-header ul li#menu-item-27 a").spStop(true);            
});