2011-11-08 29 views
0

我製作了一個新的Google Chrome瀏覽器擴展程序,它使用JQuery和CSS3來執行Google的「Barrel Roll」和其他酷炫效果。但是,在動畫出現之前,屏幕始終閃爍(變成白色)不到一秒鐘。爲什麼是這樣?爲什麼在動畫發生之前屏幕會變成白色?

擴展可以在這裏下載:https://chrome.google.com/webstore/detail/lhokhgkogpghngcflpackepikbjejhkf

function effect_barrel_roll() { $('body').addClass('barrel_roll'); 
setTimeout("$('body').removeClass('barrel_roll')", 4000); } 
body.barrel_roll { 
    -webkit-transition: -webkit-transform 4s ease; 
    -webkit-transform: rotate(360deg); 
} 
+1

不要求人們下載並安裝可能不安全的瀏覽器擴展。請改爲發佈您的代碼。 –

+0

回答

0

您可能需要淡出先前的內容顯示新內容之前。當我使用Ajax和JavaScript更改頁面內容時,我遇到了創建website的相同問題。

之前,我得到了我的內容添加以下代碼:

xmlhttp.open("GET", "parts/" + part + ".html", true); 

$("#" + id).fadeOut(500); 

xmlhttp.send(); 

它展示新內容之前淡出以前的內容。

相關問題