2016-04-22 34 views
0

對於我的投資組合網站,我有這個想法,我希望主頁上所有縮略圖的不透明度自動增加和減少。因此,當網站加載時,縮略圖1會簡要顯示,不久之後會再次變爲空白,並且該過程會繼續顯示另一個縮略圖,例如縮略圖6等等。有人曾經這樣做過,或者有什麼想法如何實現這個想法?是否可以讓div自動更改不透明度?

非常感謝您的任何意見!

回答

0

你的問題是一個很長的腳本,需要大量的測試,但我會給你一些指導。

對於時間延遲

var delay=1000; //1 second 

setTimeout(function() { 
    //your code to be executed after 1 second 
}, delay); 

這裏面比較容易的部分的{}你把你喜歡的功能。 jQuery有這樣的任務的絕招

.fadeTo(duration, opacity [, complete ]) 

$( 「#ID」).fadeTo( 「慢」,0.33);

剩下的唯一一件事就是製作一個循環,讓你的拇指慢慢變暗並將它們淡入淡出。

希望這會有所幫助。

相關問題