优秀设计资源 » 34个网页视差滚动插件和视差特效教程分享

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

发表于: 优秀设计资源, 网页设计 & 灵感. 评论 (3)
赞助商链接

视差滚动这个设计趋势从去年开始一直流行到现在,这个特效的视觉体验非常不错,比如前面分享的《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群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论3 Responses to “34个网页视差滚动插件和视差特效教程分享”

  1. hello - 回复

    这么强大。

  2. 我去命名要不要这么麻烦 - 回复

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

  3. 流凯 - 回复

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


{ 发表评论 }