0

2015年最棒的jQuery视差滚动效果教程与插件

jopen 9年前

视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了 这项技术。这篇文章为大家总结了2015年最棒的一些视差效果教程与插件,学习完这些教程之后自己试着创建一个视差效果网站吧。

1. How To Create A Parallax Scrolling Website

2015年最棒的jQuery视差滚动效果教程与插件

这篇教程详细讲述了如果通过 Skrollr.js 来创建一个视差滚动效果,这里你可以学习到如果使用 Skrollr.js 创建一个简单的视差滚动网站。

Download || Demo

2. Build a parallax scrolling website interface with jQuery and CSS

2015年最棒的jQuery视差滚动效果教程与插件

可以肯定,还有很多其他创建视差滚动效果的方法,但希望这是你正在寻找的。一个用jQuery和CSS实现的视差滚动效果。

Download || Demo

3. How to Create a Simple Parallax Effect Using CSS and jQuery

2015年最棒的jQuery视差滚动效果教程与插件

Download || Demo

4. Jazz up a Static Webpage with Subtle Parallax

2015年最棒的jQuery视差滚动效果教程与插件

Download || Demo

5. Creating a Parallax Scrolling Webpage Using Jarallax.js

2015年最棒的jQuery视差滚动效果教程与插件

Download || Demo

6. Parallax Scrolling Effect with jQuery

2015年最棒的jQuery视差滚动效果教程与插件

Download || Demo

7. One page website, vertical parallax

2015年最棒的jQuery视差滚动效果教程与插件

Download || Demo

8. Parallax Content Slider with CSS3 and jQuery

2015年最棒的jQuery视差滚动效果教程与插件

Download || Demo

9. jQuery Parallax Tutorial – Animated Header Background

2015年最棒的jQuery视差滚动效果教程与插件

Download || Demo

10. Parallax Effect

2015年最棒的jQuery视差滚动效果教程与插件

Download || Demo

via:designdoze.com,由 Specs 翻译整理,发布在 Coder资源网,转载请注明来源。