随着技术的不断发展,3D效果,HD技术的成熟,越来越多的人希望能有更加生动、现实的视觉体验。这种需求也在 Web 领域越来越强烈。这篇文章介绍了10种视差滚动效果和教程,以帮助你取悦你的观众 :)
Parallax Slider
这个插件可以帮助你创建景深还有滑动效果。
Javascript Parallax Effects (A Deeper Look)
这个教程教你如何创建景深
Behind the Scenes of Nike Better World
这个简短的教程讲述了如何创建类似 Nike Better World 的网站。
Build a parallax scrolling website interface with jQuery and CSS
一系列的demo
Create a Funky Parallax Background Effect Using JQuery
添加滚动云的教程
Animated Header Background
带动画效果的页头
Parallax Scrolling Tutorial
这个教程很有趣,你在阅读的同时能看到效果。
JQuery Image Prallax
这个插件通过重复和动画创建景深的错觉。
Stellar.js
这个jQuery插件为任何可以滚动的元素提供滚动效果。
Curtain.js
这个插件可以创建落地窗帘的升起效果。
原文链接,OSChina.NET 原创编译