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

发布时间:2015-11-27 浏览次数: 评论一下

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

1. How To Create A Parallax Scrolling Website

parallax-scrolling-plugin-1

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

Download || Demo

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

parallax-scrolling-plugin-2

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

Download || Demo

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

parallax-scrolling-plugin-3

Download || Demo

4. Jazz up a Static Webpage with Subtle Parallax

parallax-scrolling-plugin-4

Download || Demo

5. Creating a Parallax Scrolling Webpage Using Jarallax.js

parallax-scrolling-plugin-5

Download || Demo

6. Parallax Scrolling Effect with jQuery

parallax-scrolling-plugin-6

Download || Demo

7. One page website, vertical parallax

parallax-scrolling-plugin-7

Download || Demo

8. Parallax Content Slider with CSS3 and jQuery

parallax-scrolling-plugin-8

Download || Demo

9. jQuery Parallax Tutorial – Animated Header Background

parallax-scrolling-plugin-9

Download || Demo

10. Parallax Effect

parallax-scrolling-plugin-10

Download || Demo

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

  哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站,并且能够搭建符合百度排名规范的网站基底,使您的网站无需额外费用,即可稳步提升排名至首页。欢迎体验最佳的哈尔滨网站建设