JQuery幻燈片似乎不光滑？

也許是因爲我的PC比較老，速度慢，但是JQuery的幻燈片似乎不是很流暢。如果頁面上的元素不多，但嵌入一個YouTube視頻後就會變得緩慢。JQuery幻燈片似乎不光滑？

我的代碼很簡單

$('#mainmenu-cats').click(function(){ 

    $('#main-categories').slideToggle(400, 'swing'); 

    return false; 
});

有沒有什麼辦法讓JQuery的平滑？

簡短的回答：jQuery的動畫並不像MooTools那樣流暢。你的代碼沒有問題，並且在一些瀏覽器中（Firefox是臭名昭着的），動畫將會不穩定。

一個面向未來的解決方案是開始尋找用CSS動畫代替這些動畫。在很多情況下，它們都是硬件加速的，並且會提供更流暢的體驗。然後，如果瀏覽器不支持動畫，則可以回退到jQuery動畫（您可以使用Modernizr來檢測此動畫）。

2011-12-07 10:01:49 Interrobang

感謝您的意見。現在開始學習CSS動畫是一件好事，但由於IE總是趕上，我會等待。我聽說過MooTools，但從未使用它。你以前用過嗎？它與jquery相比如何？ –

MooTools和jQuery是不同的野獸，目標有所不同。如果你最關心的是流暢的動畫，我會說這是需要研究的東西。但是，jQuery在遠遠更多的網站上使用。 – Interrobang

再次感謝。我想我至少會檢查一下MooTools –

回答