六款幫助你實(shí)現(xiàn)驚艷視差滾動(dòng)效果的jQuery插件
視差（Parallax）是指從不同的點(diǎn)看一個(gè)物體時(shí)形成的視覺差異，這個(gè)名詞是源自希臘文的παράλλαξις (parallaxis)，意思是"改變"。在網(wǎng)頁設(shè)計(jì)中，視差滾動(dòng)（Parallax Scrolling）是當(dāng)下流行的網(wǎng)頁設(shè)計(jì)技術(shù)，通過讓多層背景以不同的速度或者不同的方向移動(dòng)來形成非常有趣的 3D 運(yùn)動(dòng)效果。下面是一些運(yùn)用視差滾動(dòng)效果的優(yōu)秀網(wǎng)頁案例：
相信你非常想知道上面這些網(wǎng)頁的精美視差滾動(dòng)效果是如何實(shí)現(xiàn)的，今天這篇文章就和大家分享六款精心挑選的 jQuery 視差滾動(dòng)效果插件，它們能夠幫助你制作出精美的視差滾動(dòng)效果。
Sequence 是一款非常優(yōu)秀的 jQuery 滑動(dòng)插件，能實(shí)現(xiàn)多種精美的滑動(dòng)效果，其中之一就是水平方向的視差滾動(dòng)。
這款插件用于實(shí)現(xiàn)自定義路徑的滾動(dòng)效果?？梢燥@示使用 Canvas 繪制路徑線條和弧形，看到非常形象的運(yùn)動(dòng)效果。
這個(gè)視差滾動(dòng)滑動(dòng)效果多次在我的博文中出現(xiàn)過，相信關(guān)注我博客的朋友一定不會(huì)陌生，有非常詳細(xì)的制作教程。
這款 jQuery 插件實(shí)現(xiàn)了類似 Nikebetterworld.com 產(chǎn)品展示頁面的視差滾動(dòng)效果，代碼托管在 Github 上面。
這款 jQuery 插件能夠幫助你實(shí)現(xiàn)非?？岬臐L動(dòng)效果，可以應(yīng)用飛入、縮放、淡入淡出等多種過渡效果。
正如它的口號(hào)所說：實(shí)現(xiàn)視差滾動(dòng)效果從未如此容易，的確，它能幫助輕松的實(shí)現(xiàn)網(wǎng)頁視差滾動(dòng)效果。
這款基于 jQuery 的視差滾動(dòng)插件使用簡(jiǎn)單，官方提供了五種不同的效果演示。
- 基于jQuery實(shí)現(xiàn)歌詞滾動(dòng)版音樂播放器的代碼
- JQuery插件iScroll實(shí)現(xiàn)下拉刷新，滾動(dòng)翻頁特效
- jQuery創(chuàng)建平滑的頁面滾動(dòng)(頂部或底部)
- jquery實(shí)現(xiàn)簡(jiǎn)單的無縫滾動(dòng)
- jquery easyui滾動(dòng)條部分設(shè)置介紹
- 使用jquery animate創(chuàng)建平滑滾動(dòng)效果（可以是到頂部、到底部或指定地方）
- 基于Jquery的文字滾動(dòng)跑馬燈插件(一個(gè)頁面多個(gè)滾動(dòng)區(qū))
- jQuery實(shí)現(xiàn)將div中滾動(dòng)條滾動(dòng)到指定位置的方法
- JS和JQUERY獲取頁面大小,滾動(dòng)條位置,元素位置(示例代碼)
- jQuery實(shí)現(xiàn)的簡(jiǎn)單歌詞滾動(dòng)功能示例
相關(guān)文章
jQuery實(shí)現(xiàn)在下拉列表選擇時(shí)獲取json數(shù)據(jù)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)在下拉列表選擇時(shí)獲取json數(shù)據(jù)的方法,主要涉及jQuery中g(shù)etJSON方法的使用技巧,需要的朋友可以參考下2015-04-04
jquery ajax post提交數(shù)據(jù)亂碼
今天發(fā)現(xiàn)在使用jquery ajax.post提交數(shù)據(jù)時(shí)會(huì)發(fā)現(xiàn)數(shù)據(jù)在ff正常，但在chrome與ie瀏覽器中post過去的數(shù)據(jù)全部是亂碼2013-11-11
jquery插件uploadify多圖上傳功能實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了jquery插件uploadify多圖上傳功能實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
jQuery實(shí)現(xiàn)的輸入框選擇時(shí)間插件用法實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的輸入框選擇時(shí)間插件用法,實(shí)例分析了jQuery插件jquery.settime.js的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了jQuery中ajax的load()方法用法,以實(shí)例形式較為詳細(xì)的分析了load()方法的功能、參數(shù)及使用技巧,是非常實(shí)用的技巧,需要的朋友可以參考下2014-12-12
下面小編就為大家?guī)硪黄钊肜斫釰Query中的事件與動(dòng)畫。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧2016-05-05
jQuery簡(jiǎn)單實(shí)現(xiàn)網(wǎng)頁選項(xiàng)卡特效
本文給大家分享一段基于jQuery簡(jiǎn)單實(shí)現(xiàn)的網(wǎng)頁選項(xiàng)卡代碼，非常簡(jiǎn)單實(shí)用，這里推薦給小伙伴們。2014-11-11
判斷jquery對(duì)象是否存在的方法有很多，在本文將為大家詳細(xì)介紹下，通過length屬性是如何判斷的2013-10-10
jQuery實(shí)現(xiàn)大轉(zhuǎn)盤抽獎(jiǎng)活動(dòng)仿QQ音樂代碼分享
這篇文章主要展示了jQuery實(shí)現(xiàn)大轉(zhuǎn)盤抽獎(jiǎng)活動(dòng)仿QQ音樂實(shí)現(xiàn)代碼，需要的朋友可以參考下2015-08-08
這個(gè)下拉菜單式可以循環(huán)的，且是使用jquery實(shí)現(xiàn)，很實(shí)用，大家可以學(xué)習(xí)下2014-09-09