jQuery菜单项悬停功能

Question

我正在使用Spritely制作动画jQuery菜单我遇到的问题是动画看起来根本不是很平滑。很吵闹。理想情况下，我想做的是用户将鼠标移除，然后将鼠标移出，但是当他们将鼠标移出框架时，停止在该框架上并再次移动鼠标将重放此部分。然而，动画效果看起来有些不合时宜。

不管有人能帮我这个。

我已经制作了jsFiddle来播放和调整

由于

Answer 1

我认为如果我没有误解id

，下面的代码片段会按预期工作

$("#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);            
});