分享10个jQuery实现的超酷动态特效教程和插件
时间:2011-12-03 来源:cnblogs
使用 jQuery 可以帮助你快速的实现一些非常酷的动态特效,有些时候能帮助你提高用户体验,有时候能够帮助你似的网站更加炫酷。例如在 GBin1 首页使用的标题宽度变化效,可以有效的帮助用户提高阅读的便利性,一个好的前端人员,应该时时刻刻站在用户的角度看待 UI 设计。
今天这里我们收集了 10 个使用特别动态效果的教程,希望大家能够喜欢,如果你能给我们留言,我们将会非常高兴的!
相关教程: 分享 10 个超酷的 jQuery 动画教程
1. 动态的标题背景特效
在这个教程中,作者介绍了如何使用 jQuery 来使你的标题背景动起来,这样使得你的网站更具有活力
在线演示
2. jQuery 的 DJ 英雄
使用 jQuery 实现的一个 DJ 英雄
jQuery 文档中自带的一个动画应用的例子,如果你仔细研究的话,你会发现其中的奥秘。
帮助你生成一个视差的背景动画效果
在线演示
这是一个简单的 jQuery 插件能够帮助你让你的背景动起来。这个插件是使用 GIF 动画文件的替代选择。 但是拥有几个非常不过的特性。
在线演示
6. jQuery 动画: 一个 7 个步骤的应用
来自于 NetTuts++ 的一个教程,你可以找到几个不错的特效。
在线演示
7. jQuery 的简单连续动画效果
一些很有用的 jQuery 小技巧,帮助大家创建自己的特效
在线演示
简单的放置一些方框,生成一个 jQuery 实现的 3D 动画效果
9. 背景移动的文字特效
使用动画特效的文字背景,非常炫!
在线演示
10. jQuery 插件 Approach
jQuery approach 插件能够帮助你动画一些样式,和 jQuery animate 类似,但是不同的地方在于,它是基于距离而不是时间的实现方式。
在线演示