最美H5 酷站欣赏 UI素材 专题 设计导航

10个基于jQuery的超酷动画教程和插件推荐

jQuery可以帮助你快速实现一些非常酷的动态特效,以及可以令网站更加炫酷,同时提高用户体验。一个好的Web前端人员,应该时时刻刻站在用户的角度看待UI设计。

 

本文收集了10个使用动态效果的jQuery教程,希望大家能够喜欢。

 

1. 动态的标题背景特效

 

在这个教程中,作者介绍了如何使用jQuery来使你的标题背景动起来,这样使得你的网站更具活力。

 

在线演示

 

2. jQuery的 DJ英雄

 

使用jQuery实现的一个DJ英雄。

 

在线演示

 

3. jQuery API

 

jQuery文档中自带的一个动画应用的例子,如果你仔细研究的话,你会发现其中的奥秘。

 

在线演示

 

4. 一个自动移动的视差背景效果

 

帮助你生成一个视差的背景动画效果。

 

在线演示

 

5. jAni

 

这是一个简单的jQuery插件,能够让你的背景动起来。这个插件是GIF动画文件的替代选择,另外还拥有几个非常不错的特性。

 

在线演示

 

6. jQuery动画: 7个步骤的应用

 

来自于NetTuts++的一个教程,你可以找到几个不错的特效。

 

在线演示

 

7. jQuery的简单连续动画效果

 

一些很有用的jQuery小技巧,帮助大家创建自己的特效。

 

在线演示?

 

8. JQuery Faux 3D

 

使用jQuery将简单放置的方框,变成3D动画效果。

 

在线演示

 

9. 背景移动的文字特效

 

使用动画特效的文字背景,非常炫!

 

在线演示

 

10. jQuery插件Approach

 

jQuery approach插件能够帮助你实现一些动画样式,和jQuery animate类似,不同的地方在于,它是基于距离的实现方式,而不是时间。

 

在线演示

 

英文原文:http://www.jquery4u.com/animation/10-awesome-jquery-moving-effects/