取悦你的观众:10个视差滚动效果和教程

虫虫
 虫虫
发布于 2012年03月23日
收藏 85

随着技术的不断发展,3D效果,HD技术的成熟,越来越多的人希望能有更加生动、现实的视觉体验。这种需求也在 Web 领域越来越强烈。这篇文章介绍了10种视差滚动效果和教程,以帮助你取悦你的观众 :)

Parallax Slider

这个插件可以帮助你创建景深还有滑动效果。
Parallax Slider

Javascript Parallax Effects (A Deeper Look)

这个教程教你如何创建景深
Javascript Parallax Effects (A Deeper Look)

Behind the Scenes of Nike Better World

这个简短的教程讲述了如何创建类似 Nike Better World 的网站。
Behind the Scenes of Nike Better World

Build a parallax scrolling website interface with jQuery and CSS

一系列的demo
Build a parallax scrolling website interface with jQuery and CSS

Create a Funky Parallax Background Effect Using JQuery

添加滚动云的教程
Create a Funky Parallax Background Effect Using JQuery

Animated Header Background

带动画效果的页头
Animated Header Background

Parallax Scrolling Tutorial

这个教程很有趣,你在阅读的同时能看到效果。
Parallax Scrolling Tutorial

JQuery Image Prallax

这个插件通过重复和动画创建景深的错觉。
JQuery Image Prallax

Stellar.js

这个jQuery插件为任何可以滚动的元素提供滚动效果。
Stellar.js

Curtain.js

这个插件可以创建落地窗帘的升起效果。
Curtain.js

 

原文链接OSChina.NET 原创编译

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:取悦你的观众:10个视差滚动效果和教程
加载中

最新评论(9

D
DynamicER

引用来自“DynamicER”的评论

红薯哥。。。。。。。

错了 是虫哥。。。
D
DynamicER
红薯哥。。。。。。。
D
DynamicER
第一个的整个文件夹怎么获取???
Liuxd
Liuxd

引用来自“虫虫”的评论

引用来自“Liuxd”的评论

我想知道@虫虫 是怎么收集到这些资源的。

大量阅读国外网站~~~

那看来要常开VPN了...
奇迹SEO
奇迹SEO
不错的效果 收藏了
dodola
dodola
不错,收藏
虫虫
虫虫

引用来自“Liuxd”的评论

我想知道@虫虫 是怎么收集到这些资源的。

大量阅读国外网站~~~
Liuxd
Liuxd
我想知道@虫虫 是怎么收集到这些资源的。
Qbase
Qbase
我现在发现虫虫发的都是些不错的东东
返回顶部
顶部