這次介紹的Scrolling Parallax jQuery Plugin

主要是用在可以把背景div,在捲動卷軸時,可以有不一樣的速度

達到視差滾動的效果(Parallax scrolling

 

說了這麼多,先來看範例最快吧:

Simple scrolling parallax effect

Multiple, layered parallaxes for a nice depth effect

Parallax in all directions: vertical and horizontal scrolling

Parallax called on a piece of inline HTML markup

 

 

OPTION:

 

 

 

參考資料:

http://jonraasch.com/blog/scrolling-parallax-jquery-plugin

http://www.mrmu.com.tw/2011/10/19/parallax-scrolling/

 

精選範例:

http://webdesignledger.com/inspiration/21-examples-of-parallax-scrolling-in-web-design

http://tympanus.net/codrops/2011/01/03/parallax-slider/

http://idesignow.com/jquery/9-jquery-parallax-scrolling-plugins-tutorials.html

 

變化形:

http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/(上下區塊滑動換頁)

 

 
, ,

cabuchi 發表在 痞客邦 PIXNET 留言(0) 人氣()