視差（Parallax）是指從不同的點(diǎn)看一個(gè)物體時(shí)形成的視覺(jué)差異，這個(gè)名詞是源自希臘文的παρ?λλαξι? (parallaxis)，意思是"改變"。在網(wǎng)頁(yè)設(shè)計(jì)中，視差滾動(dòng)（Parallax Scrolling）是當(dāng)下流行的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，通過(guò)讓多層背景以不同的速度或者不同的方向移動(dòng)來(lái)形成非常有趣的 3D 運(yùn)動(dòng)效果。下面是一些運(yùn)用視差滾動(dòng)效果的優(yōu)秀網(wǎng)頁(yè)案例：

?

• 30個(gè)立體動(dòng)感的視差滾動(dòng)效果網(wǎng)站作品
• 30個(gè)讓人興奮的精美視差滾動(dòng)效果網(wǎng)站
• 視差滾動(dòng)在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用的優(yōu)秀案例
• 35個(gè)立體動(dòng)感的視差滾動(dòng)效果網(wǎng)站作品
• 視差滾動(dòng)技術(shù)在網(wǎng)頁(yè)中應(yīng)用的精美案例

?

　　相信你非常想知道上面這些網(wǎng)頁(yè)的精美視差滾動(dòng)效果是如何實(shí)現(xiàn)的，今天這篇文章就和大家分享六款精心挑選的?jQuery 視差滾動(dòng)效果插件，它們能夠幫助你制作出精美的視差滾動(dòng)效果。

?

Sequence.js

Sequence 是一款非常優(yōu)秀的 jQuery 滑動(dòng)插件，能實(shí)現(xiàn)多種精美的滑動(dòng)效果，其中之一就是水平方向的視差滾動(dòng)。

?

?

在線演示下載源碼

?

jQuery Scroll Path

這款插件用于實(shí)現(xiàn)自定義路徑的滾動(dòng)效果。可以顯示使用 Canvas 繪制路徑線條和弧形，看到非常形象的運(yùn)動(dòng)效果。

?

?

在線演示下載源碼

?

Parallax Slider with jQuery

這個(gè)視差滾動(dòng)滑動(dòng)效果多次在我的博文中出現(xiàn)過(guò)，相信關(guān)注我博客的朋友一定不會(huì)陌生，有非常詳細(xì)的制作教程。

?

?

在線演示下載源碼

?

jQuery Parallax

這款 jQuery 插件實(shí)現(xiàn)了類(lèi)似?Nikebetterworld.com 產(chǎn)品展示頁(yè)面的視差滾動(dòng)效果，代碼托管在?Github?上面。

?

?

在線演示下載源碼

?

Scrollorama

這款 jQuery 插件能夠幫助你實(shí)現(xiàn)非常酷的滾動(dòng)效果，可以應(yīng)用飛入、縮放、淡入淡出等多種過(guò)渡效果。

?

?

在線演示下載源碼

?

Stellar.js

正如它的口號(hào)所說(shuō)：實(shí)現(xiàn)視差滾動(dòng)效果從未如此容易，的確，它能幫助輕松的實(shí)現(xiàn)網(wǎng)頁(yè)視差滾動(dòng)效果。

?

?

在線演示下載源碼

?

jParallax

這款基于 jQuery 的視差滾動(dòng)插件使用簡(jiǎn)單，官方提供了五種不同的效果演示。

?

?

在線演示下載源碼

?

您可能還喜歡

?

• 精心挑選的優(yōu)秀jQuery Ajax分頁(yè)插件和教程
• 8款非常棒的響應(yīng)式 jQuery 幻燈片插件推薦
• 精心挑選的優(yōu)秀 jQuery 文本特效插件和教程
• 精心挑選的美輪美奐的 jQuery 圖片特效插件
• 精心挑選的優(yōu)秀 jQuery 手風(fēng)琴插件和教程

?

本文鏈接：精心挑選的6款優(yōu)秀的 jQuery 視差滾動(dòng)效果插件

編譯來(lái)源：夢(mèng)想天空 ◆ 關(guān)注前端開(kāi)發(fā)技術(shù) ◆ 分享網(wǎng)頁(yè)設(shè)計(jì)資源

轉(zhuǎn)載于:https://www.cnblogs.com/lhb25/archive/2012/09/13/jquery-parallax-and-scrolling-effect-plugins.html

總結(jié)

以上是生活随笔為你收集整理的推荐六款帮助你实现惊艳视差滚动效果的 jQuery 插件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。