真的很流暢的動畫效果與jQuery

我有一些jQuery設置在我的頁面上，當用戶點擊鏈接時換出一些DIV。 DIV內有閃光對象，段落和圖像，當我點擊鏈接將其交換出來時，效果並不完全平滑。真的很流暢的動畫效果與jQuery

這是我的代碼：

$('#div').toggle('fast'); 
$('#anotherdiv').toggle('fast');

它有點卡住一會兒閃光燈對象，然後完全消失。有誰知道一個插件在jQuery中製作真正流暢的動畫效果？我看了一下jQuery UI，但它對於我想要的東西似乎有點矯枉過正。

乾杯。 :)

來源

2010-01-12 Matt

Javascript動畫真的取決於瀏覽器。 IE瀏覽器在JavaScript上非常慢，很多時候它甚至不值得使用IE來設置動畫效果。 Firefox和Chrome都好多了。嘗試在鉻，看看它是否仍然存在問題。

來源

2010-01-12 00:08:49 stimms

@stimms是正確的關於速度，但始終有一個變通方法:)

開始動畫之前我會隱藏Flash容器中。這樣它就不會妨礙事物。

來源

2010-01-12 00:12:51 Ariel

確保閃光燈的對象和/或嵌入標籤的wmode設置爲transparent或opaque ...

這是值得一試:)

來源

2010-01-12 00:16:53

這裏的速度問題，主要是與閃光燈......您要求瀏覽器快速重新制作視頻，而不是瀏覽器的所有功能。我會考慮的藏身之前隱藏的Flash元素，其餘後告訴他們，這樣的事：

$(function(){ 
    $('#hideShowButton').toggle(function() { 
    $('#div object, #anotherdiv object').hide(); 
    $('#div').toggle('fast'); 
    $('#anotherdiv').toggle('fast'); 
    }, function() { 
    $('#div object, #anotherdiv object').show(); 
    $('#div').toggle('fast'); 
    $('#anotherdiv').toggle('fast'); 
    }); 
});

來源

2010-01-12 00:17:05

此外，我會先插入的地方閃光的圖像，然後躲一閃，然後動畫。用戶看起來會更順暢。 – 2010-01-12 00:31:09

真的很流暢的動畫效果與jQuery

回答

相關問題