您好,登錄后才能下訂單哦!
視差(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è)案例:
相信你非常想知道上面這些網(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)了類似 Nikebetterworld.com 產(chǎn)品展示頁(yè)面的視差滾動(dòng)效果,代碼托管在 Github 上面。
Scrollorama
這款 jQuery 插件能夠幫助你實(shí)現(xiàn)非??岬臐L動(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)單,官方提供了五種不同的效果演示。
本文鏈接:精心挑選的6款優(yōu)秀的 jQuery 視差滾動(dòng)效果插件
編譯來(lái)源:夢(mèng)想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁(yè)設(shè)計(jì)資源
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。