延遲標誌褪色成網站？

-3

只是想知道什麼是最好的方式去左上角的標誌在用戶頁面後大約5秒後淡入？延遲標誌褪色成網站？

這裏是http://jsfiddle.net/elroyz/sjD8X/在角落標誌

body { 
background-color:#000;}

我只把這個，因爲它wouldnt讓我夏奈爾代碼

我讀一些關於jQuery的延遲，但旁邊沒有，我知道這個問題，因此認爲有可能是另一種選擇提前

感謝

來源

2013-04-04 elroyz

看起來你並沒有嘗試過任何東西。所以我更多的是「我在做什麼錯」，而不是「我用什麼」。 – 2013-04-04 10:06:08

如果有一種jQuery方法，你「幾乎不知道」，有[簡單的解決方法]（http://api.jquery.com/）... – JJJ 2013-04-04 10:10:12

是的，我沒有嘗試過任何東西，我只是想把那裏的圖像認爲這更容易解釋。 – elroyz 2013-04-04 10:10:18

$('img').delay(5000).fadeOut(250);

這會在5秒後淡出img。代碼中的時間以毫秒爲單位。在這個

富勒更多信息請參見

來源

2013-04-04 10:09:44 Spokey

甜蜜感謝的人，只是想在正確的方向推！ – elroyz 2013-04-04 10:14:38

您鏈接到的[/delay/](http://api.jquery.com/delay）頁面的一個重要提示：「'.delay（）」不是JavaScript的原生setTimeout函數的替代品，更適合某些用例。「 – 2013-04-04 10:17:15

HTML

<img onload="this.style.opacity='1';" src="image path" />

CSS

img {opacity:0;-moz-transition: opacity 2s;-webkit-transition: opacity 2s;-o-transition: opacity 2s;transition: opacity 2s;}

來源

2013-04-04 10:18:53 davidb

CSS 3動畫。（與供應商前綴，因爲它仍然是新的和實驗）：

@-webkit-keyframes fadein { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 
@-moz-keyframes fadein { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 
@-o-keyframes fadein { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 
@keyframes fadein { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

#logo { 
    -webkit-animation: fadein 5s infinite; 
    -moz-animation: fadein 5s infinite; 
    -o-animation:  fadein 5s infinite; 
    animation:   fadein 5s infinite; 
}

來源

2013-04-04 10:19:35 Quentin

嘗試使用此轉換。

http://www.problogdesign.com/coding/get-started-with-css3-transitions-today/

好運！

來源

2013-04-04 10:21:59

請[僅限鏈接回答]（http://meta.stackoverflow.com/tags/link-only-answers/info） – Quentin 2013-04-04 10:33:10

延遲標誌褪色成網站？

回答

相關問題