html5页面滚动视差效果特,34个网页视差滚动插件和视差特效教程分享

34个网页视差滚动插件和视差特效教程分享

Sponsor

视差滚动这个设计趋势从去年开始一直流行到现在，这个特效的视觉体验非常不错，比如前面分享的《19个创意网页设计欣赏》文章，有很多使视差滚动加上HTML5来实现出非常棒的网页设计作品。

可以说视差滚动是个时髦的技术，我们通过创建水平或垂直滚动来实现多种很Cool的视觉特效，让人叹为观止。至于视差idea，可以参考《30+漂亮的视差滚动网页设计欣赏》这些作品来获取灵感，视差滚动大部应用于单个页面网站、网页专题设计、图片展示或是用来陈述一个故事。

如果你想实现这种视差滚动效果，那么下面我们整理的34个网页视差滚动插件和视差特效教程对你来说会有很大的帮助，你可以利用这些插件来快速制作你的视差网站，提高制作效率。

阅读目录：

网页视差滚动插件

Cool Kitten

Scrolld.js

FoldScroll

fullPage.js

AnimateScroll

Parallax.js

Jarallax

jInvertScroll

jQuery Full Content

One Page Scroll

jQuery Parallax

Scroll Path

PageScroller Lite

jquery-parallax

Arbitrary-Anchor

Portfoliojs

Scrolling Parallax

Scrollocue

Scrollorama

Scrolltab

Scrolly

Skrollr

Sly

Smint

Super Scrollorama

如果你还发现有不错的视差滚动jQuery插件，请在下放留言处告诉我们哦！

9个网页视差滚动教程

1. 视差滚动教程

Behind The Scenes Of Nike Better World

查看教程

2. 创建Silverback视差特效教程

How to recreate Silverback’s parallax effect

查看教程

3. 利用视差滚动来讲述一个故事

做专题网页用不错呢。(Building a parallax scrolling storytelling framework)

查看教程

4. 简单的jQuery视差滚动制作方法

Easy Parallax with jQuery

查看教程

5. 单页面垂直视差滚动教程

One page website, vertical parallax

查看教程

6. 利用jQuery实现视差滚动教程

Parallax Slider with jQuery

查看教程

7. Nike Better网站视差效果制作教程

Recreating the Nike Better World Parallax Effect

查看教程

8. 灯箱视差特效教程

Fluid CSS3 Slideshow with Parallax Effect

查看教程

9. Jarallax视差插件教程

Jarallax

查看教程

推荐：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com

交流：为设计新人提供的设计交流群，请加入UI设计交流群，分享经验、接单、求职、聊设计。

赞助商链接

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。

版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。

hello -

2015 年 12 月 30 日 下午 3:19

这么强大。

我去命名要不要这么麻烦 -

2014 年 03 月 22 日 上午 12:38

请问我想点击图片实现页面横切或纵切哪个插件适合呢？

流凯 -

2013 年 12 月 06 日 下午 8:02

好窝心，正想找这方面的教程，达人们就来了，膜拜

{ 发表评论 }

姓 名 (必填)

邮 件 (必填)

网 站