以前我们通过优秀字体、配色让网站变得舒服,现在我们通过视差滚动让网站拥有由上至下一站式的视觉震撼效果,访客只需滑动鼠标滚轮就能体验到,你可以利用今天提供的这25款免费的视差滚动插件轻松实现,每款插件都有提供Demo,设计师们来感受一下。

科普一下:视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。

视差滚动有多震撼?来看看《11个超炫的视差滚动网站欣赏(附神器推荐)》
如果想详细学习视差滚动,强烈向你推荐这篇《网页特效:滚动视差设计指南》

Scrolld.js

· Scrolld.js Demo ·

Cool Kitten

Cool Kitten: A parallax scrolling responsive framework

FoldScroll

FoldScroll

fullPage.js

fullPage.js One Page Scroll Sites

AnimateScroll

http---plugins.compzets.com-animatescroll-(20131127)

Parallax.js

http---stolksdorf.github.io-Parallaxjs-(20131127)

Jarallax

http---www.jarallax.com-demo3-(20131127)

jInvertScroll

http---www.pixxelfactory.net-jInvertScroll-(20131127)

jQuery Full Content

Jquery fullContent.js

One Page Scroll

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

jQuery Parallax

jQuery Parallax Plugin Demo

Scroll Path

jQuery Scroll Path

PageScroller Lite

jQuery Smooth Scrolling Plugin | Page Scroller

jquery-parallax

jquery-parallax - WebLinc

Arbitrary-Anchor

jquery.arbitrary-anchor.js | Brian G.

Portfoliojs

Portfoliojs - jQuery plugin for your beautiful portfolio images with horizontal scrolling

Scrolling Parallax

Scrolling Parallax Plugin for jQuery - Multiple Layered Parallaxes

Scrollocue

Scrollocue

Scrollorama

scrollorama

Scrolltab

Scrolltab by cjsaylor

Skrollr

skrollr - parallax scrolling for the masses

Sly

Sly

Smint

SMINT | The simple jQuery plugin for lovers of one page websites.

Super Scrollorama

SUPERSCROLLORAMA

原文地址:webdesignerdepot
本文由优设网原创翻译,转摘请注明优设网译文出处,谢谢各位小编。

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量58万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

点赞
收藏 1
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏