這次介紹的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/（上下區塊滑動換頁）

 

 
arrow
arrow
    文章標籤
    jquery Scrolling Parallax background animate
    全站熱搜

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

    E-mail轉寄