2012-03-05 150 views
0

我正在使用Spritely使用Spritely動畫jQuery菜單,我遇到的問題是動畫看起來不是很平滑。非常結構。理想情況下,我想要做的是用戶鼠標懸停,然後鼠標移出,但是當鼠標移出時,幀將停留在該幀處,並且鼠標再次播放該幀。然而動畫效果看起來有點兒困難。jQuery菜單項懸停功能

不知道是否有人能幫助我解決這個問題。

我做了它的jsFiddle按預期發揮和調整

感謝

+1

它看起來不錯IE9,但是在IE8中有點慢。請檢查您使用的sprite插件的瀏覽器兼容性。 – Misam 2012-03-05 12:48:09

+0

FireFox中似乎也很慢。 – StuBlackett 2012-03-05 15:54:33

回答

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);    
}); 
+0

感謝您的支持。我使用了而不是spStop。我用.destroy();它似乎阻止了任何真正的生澀動畫和任何問題。 – StuBlackett 2012-03-05 17:02:11

+0

銷燬也是一個好主意,出於性能原因,您可能不會想到每次都會破壞和重新創建動畫。這就是爲什麼我剛用過停止。 – 2012-03-05 18:29:58