使用jQuery的8个动画视差示例

jQuery确实使网站动画效果达到了一个全新的水平。 当沿着不同的视线观看对象时，视差效果会创建对象的外观位置，从而使动画具有感知和深度。 这是在不同网站上使用视差效果的jQuery的8个出色示例。

• 创建自己的jQuery视差

1.视差

David Leggett的CSS和jQuery动画视差散景效果。 是一种动画视差效果，被用作网站背景，效果似乎会使网站变慢，但这是一个很好的例子。

资源

2. jQuery图像视差

史蒂夫·芬顿（Steve Fenton）的jQuery Image Parallax。 它是一个插件，可通过重复和动画运动来为具有透明度（PNG，GIF）的图像提供深度幻觉。

资源

3.运动视差

运动视差是由我们的运动产生的深度提示。

资源

4.星系视差

外太空视差的好例子。

资源

5.埃里克·约翰逊

Eric Johansson的jQuery Website Parallax。 使用滑块在他的个人网站上对视差进行动画处理。

资源

6. jQuery4u青蛙视差

jQuery4u的青蛙视差示例。 请参阅有关如何制作自己的jQuery视差的教程 。

资源

7. jParallax插件演示

Steph Band的jQuery插件jParallax示例。 集合中有4个示例。

资源

8. jParallax插件演示

jQuery插件jParallax插件。 jParallax将选定的元素转换为“窗口”或视口，并将其所有子元素转换为可以通过视口看到的绝对定位的图层。

资源

From: https://www.sitepoint.com/animated-parallax-examples/