帶給你完美體驗的幾個視差滾動插件

jQuery Parallax Plugin Demo

視差滾動特效已經成為當今最時髦的web設計之一,首先將網頁中不同欄目的內容整合到各自的屏幕區域中我們可以通過垂直滾動來查看不同屏幕中的內容,當你滾動鼠標的時候就會觸發整個屏幕垂直平滑的滾動,一切都是那麼自然,尤其是含有不同背景顏色時視覺效果更加出色。

如何能創建出色的在線體驗網站,是我們web前端開發者和web設計師們都要面對的共同話題,多虧了現代web技術的快速發展,我們可以根據自身的需求為網站添加各種驚豔的web效果,而不僅限於過去通過簡單的改變字體或者色彩的搭配來提高用戶體驗。

今天向大家分享幾個流行的視差滾動插件,說實話,這種視差滾動特效還是比較適合用來設計流行的單頁網站的,所以你可以嘗試在網站中添加一下這種視差特效,我相信你的網站會變得更加生動。

文章來源:http://www.w3cfuns.com/article-1312-1.html

 

fullPage.js

fullPage.js One Page Scroll Sites

瀏覽網址:http://alvarotrigo.com/fullPage/#firstPage

 

jQuery Full Content

Jquery fullContent.js

瀏覽網址:http://www.zehfernandes.com/jquery.fullContent/#home

 

One Page Scroll

jQuery One Page Scroll by Pete R. | The Pete Design

瀏覽網址:http://www.thepetedesign.com/demos/onepage_scroll_demo.html#

 

jQuery Parallax

jQuery Parallax Plugin Demo

瀏覽網址:http://ianlunn.co.uk/plugins/jquery-parallax/

 

Scroll Path

jQuery Scroll Path

瀏覽網址:http://joelb.me/scrollpath/

 

Arbitrary-Anchor

jquery.arbitrary-anchor.js | Brian G.

瀏覽網址:http://arbitrary-anchor.briangonzalez.org/

 

Scrollorama

scrollorama

瀏覽網址:http://johnpolacek.github.io/scrollorama/

 

Scrolly

Scrolly: a simple jQuery parallax plugin

瀏覽網址:http://lab.victorcoulon.fr/javascript/scrolly/

 

Skrollr

skrollr - parallax scrolling for the masses

瀏覽網址:http://prinzhorn.github.io/skrollr/

 

Sly

Sly

瀏覽網址:http://darsa.in/sly/

 

Super Scrollorama

SUPERSCROLLORAMA

 

瀏覽網址:http://johnpolacek.github.io/superscrollorama/

 

多看看  希望你會喜歡喔

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s