這些元素在這個網站上如何淡出？

聲明本網站仔細：

當你向下滾動，你看到的圖像/視頻等有點淡入淡出效果，只發生一次。任何人都可以告訴我這是怎麼完成的？

謝謝。

2011-10-14 Jaggu

我從你的問題中刪除了jquery標籤，因爲它假定它是與jquery相關的，不一定是這種情況。我沒有看到你正在談論的效果，所以我首先想到的是你是否在嘗試發送垃圾郵件。你當然可以看看Firebug的網站，看看他們在用什麼。 – mydoghasworms

@mydoghasworms：查看我收到的回覆。很少有人已經回答說我不是垃圾郵件。不要發瘋。 – Jaggu

請不要親自採取。你永遠不知道這些日子。 – mydoghasworms

看起來這是用jQuery和lazyload jQuery插件完成的。該插件可在此處獲得：http://www.appelsiini.net/projects/lazyload

使用起來非常簡單，您可以爲所有想要加載的圖像添加標籤，例如.lazy。然後，您可以使用它來爲那些標記的圖像「選擇」，並且該插件會完成繁重的工作。你必須包括jQuery庫文件，並與<script>標籤的插件文件，然後簡單的腳本踢它關閉：

jQuery(".lazy").lazyload({ 
    placeholder : "http://mysite.com/placeholder.gif", 
    effect : "fadeIn" 
});

這使得在直到滾動到視圖的佔位符圖像，並使用淡入效果顯示圖像。

2011-10-14 05:12:05

這太棒了！ – Jaggu

很高興我能幫到你。 jQuery將改變你對JavaScript的看法。 –

看起來他們正在使用jQuery LazyLoad插件來達到這個效果。

2011-10-14 05:11:04 Tariqulazam

回答