我正在使用Spritely使用Spritely動畫jQuery菜單,我遇到的問題是動畫看起來不是很平滑。非常結構。理想情況下,我想要做的是用戶鼠標懸停,然後鼠標移出,但是當鼠標移出時,幀將停留在該幀處,並且鼠標再次播放該幀。然而動畫效果看起來有點兒困難。jQuery菜單項懸停功能
不知道是否有人能幫助我解決這個問題。
我做了它的jsFiddle按預期發揮和調整
感謝
我正在使用Spritely使用Spritely動畫jQuery菜單,我遇到的問題是動畫看起來不是很平滑。非常結構。理想情況下,我想要做的是用戶鼠標懸停,然後鼠標移出,但是當鼠標移出時,幀將停留在該幀處,並且鼠標再次播放該幀。然而動畫效果看起來有點兒困難。jQuery菜單項懸停功能
不知道是否有人能幫助我解決這個問題。
我做了它的jsFiddle按預期發揮和調整
感謝
我想下面摘錄的工作,如果我沒有誤會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);
});
感謝您的支持。我使用了而不是spStop。我用.destroy();它似乎阻止了任何真正的生澀動畫和任何問題。 – StuBlackett 2012-03-05 17:02:11
銷燬也是一個好主意,出於性能原因,您可能不會想到每次都會破壞和重新創建動畫。這就是爲什麼我剛用過停止。 – 2012-03-05 18:29:58
它看起來不錯IE9,但是在IE8中有點慢。請檢查您使用的sprite插件的瀏覽器兼容性。 – Misam 2012-03-05 12:48:09
FireFox中似乎也很慢。 – StuBlackett 2012-03-05 15:54:33