視差滾動(dòng)(Parallax Scrolling)是指讓多層背景以不同的速度移動(dòng),形成立體的運(yùn)動(dòng)效果,帶來(lái)非常出色的視覺體驗(yàn)。作為今年網(wǎng)頁(yè)設(shè)計(jì)的熱點(diǎn)趨勢(shì),越來(lái)越多的網(wǎng)站應(yīng)用了這項(xiàng)技術(shù)。這篇文章為大家總結(jié)了2015年最棒的一些視差效果教程與插件,學(xué)習(xí)完這些教程之后自己試著創(chuàng)建一個(gè)視差效果網(wǎng)站吧。
1. How To Create A Parallax Scrolling Website

這篇教程詳細(xì)講述了如果通過(guò) Skrollr.js 來(lái)創(chuàng)建一個(gè)視差滾動(dòng)效果,這里你可以學(xué)習(xí)到如果使用 Skrollr.js 創(chuàng)建一個(gè)簡(jiǎn)單的視差滾動(dòng)網(wǎng)站。
2. Build a parallax scrolling website interface with jQuery and CSS

可以肯定,還有很多其他創(chuàng)建視差滾動(dòng)效果的方法,但希望這是你正在尋找的。一個(gè)用jQuery和CSS實(shí)現(xiàn)的視差滾動(dòng)效果。
3. How to Create a Simple Parallax Effect Using CSS and jQuery

4. Jazz up a Static Webpage with Subtle Parallax

5. Creating a Parallax Scrolling Webpage Using Jarallax.js

6. Parallax Scrolling Effect with jQuery

7. One page website, vertical parallax

8. Parallax Content Slider with CSS3 and jQuery

9. jQuery Parallax Tutorial – Animated Header Background

10. Parallax Effect

via:designdoze.com,由 Specs 翻譯整理,發(fā)布在 Coder資源網(wǎng),轉(zhuǎn)載請(qǐng)注明來(lái)源。
哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站,并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底,使您的網(wǎng)站無(wú)需額外費(fèi)用,即可穩(wěn)步提升排名至首頁(yè)。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。
