Parallax Scrolling

前陣子開始流行類似像這樣的網站，所以一直想知道多層次背景不同時間差的滾動如何做到，最近跟同事討論事情時，突然想到這個問題，於是就提出來，同事說可以搜尋 Parallax Scrolling 這組關鍵字看看；沒錯 ! 就是這個啦 - Scrolling Parallax Plugin for jQuery !!!

Scrolling Parallax Plugin for jQuery 故名思義，就是基於 jQuery 底下的套件，簡單易用，我用 jsfiddle 做了一個測試練習



放背景圖的語法，它會自動產生 img 的 html tag

$.scrollingParallax('img/background-parallax.jpg');

針對 div 作效果的語法

$('div.parallax-div').scrollingParallax();

有許多參數可以設定，請參考
作者部落格
說明文件及範例

相關套件:http://stephband.info/jparallax/