jQuery可以帮助你快速实现一些非常酷的动态特效,以及可以令网站更加炫酷,同时提高用户体验。一个好的Web前端人员,应该时时刻刻站在用户的角度看待UI设计。
本文收集了10个使用动态效果的jQuery教程,希望大家能够喜欢。
在这个教程中,作者介绍了如何使用jQuery来使你的标题背景动起来,这样使得你的网站更具活力。
在线演示
使用jQuery实现的一个DJ英雄。
在线演示
jQuery文档中自带的一个动画应用的例子,如果你仔细研究的话,你会发现其中的奥秘。
在线演示
帮助你生成一个视差的背景动画效果。
在线演示
这是一个简单的jQuery插件,能够让你的背景动起来。这个插件是GIF动画文件的替代选择,另外还拥有几个非常不错的特性。
在线演示
来自于NetTuts++的一个教程,你可以找到几个不错的特效。
在线演示
一些很有用的jQuery小技巧,帮助大家创建自己的特效。
在线演示
使用jQuery将简单放置的方框,变成3D动画效果。
在线演示
使用动画特效的文字背景,非常炫!
在线演示
jQuery approach插件能够帮助你实现一些动画样式,和jQuery animate类似,不同的地方在于,它是基于距离的实现方式,而不是时间。
在线演示
英文原文:http://www.jquery4u.com/animation/10-awesome-jquery-moving-effects/
分享到:
相关推荐
10种jquery超酷波浪文字动画特效插件.zip
pogo-slider是一款效果非常酷的带多种动画过渡效果的jQuery幻灯片插件。你可以使用该插件来创建图片或内容幻灯片。每一个幻灯片切换的时候都使用了CSS3过渡动画效果。你可以分别设置幻灯片进入和移出的过渡动画效果...
Quicksand是一款效果非常炫酷的jQuery超酷图片分类插件。Quicksand可以根据html5 data-id属性来进行图片分类,它提供了很多参数用于分类动画的控制,并且可以使用CSS3的缩放图片效果。
这是一款超酷波浪文字动画特效jquery插件。该波浪文字动画插件中提供了10种不同的动画特效,它使用简单,效果非常的炫酷。
HTML5 jQuery 3D焦点图插件多种超酷切换动画演示
多款超酷动画效果的Lightbox特效 是一款Boxaroo v1.8插件,基于jquery css3实现的超酷动画效果Lightbox灯箱特效。
这是一款使用jQuery制作的超酷文本和图标动画菜单特效插件。该菜单特效共有8种效果,使用jQuery和jquery.easing来制作各种文字和图标的动画效果。
waitMe是一款jQuery和CSS3超酷loading加载动画特效插件。该loading加载动画特效使用CSS3制作了14种不同的loading动画效果,并且你还可以使用图片作为loading动画。
这是一组效果非常炫酷的jQuery 3D网格照片墙动画特效。这组3D网格照片墙共4种不同的效果,它们都是使用jQuery .delay(),jQuery easing插件和CSS3动画过渡来在网格中制作缩略图的动画特效。
之前我们分享过一些很酷的焦点图插件了,有些是基于jQuery的焦点图应用,今天我们要分享一款基于HTML5和jQuery的3D焦点图插件,该HTML5焦点图有多种超酷的切换动画,包括3D百叶窗、3D翻转等特效,有些切换效果在高...
超酷3D立方体页面切换过渡动画jQuery插件
jquery.timelinr.js是一款效果非常炫酷的jQuery时间轴插件。jquery.timelinr可以制作水平和垂直时间轴效果,并且可以进行自动播放。你可以通过参数来控制每次时间轴切换的动画效果。
reveal-it.js是一款jQuery文字淡入淡出显示特效插件。该文字特效插件可以使文字从左向右淡入淡出显示。该插件小巧简单,非常适合用于制作标题文字的动画效果。
这是一款使用jQuery制作的超酷隐藏菜单放大显示特效插件。该隐藏菜单插件在点击主菜单按钮后,菜单会在屏幕中间以放大动画的方式打开。共5种效果,最后一种效果菜单还会做180度旋转动画。
Jarallax.js是一款用于制作网页背景视觉差效果的jQuery插件。Jarallax.js视觉差插件可以控制不同的元素的动画速度,从而形成视觉差效果。并且该视觉差特效还带有动画进度条,效果非常酷。
cubeTransition.js是一款超酷3D立方体页面切换过渡动画jQuery插件。该插件通过CSS 3D transforms 和 CSS Animations来制作平滑的立方体过渡动画特效
jQuery.dropdown.js插件实现超酷的自定义扇形排列下拉列表框动画特效源码.zip
Parallax ImageScroll是一款效果非常炫酷的滚动背景图片视觉差特效jQuery插件。该背景图片视觉差插件使用css3 transform来制作动画效果,并在不支持CSS3属性的浏览器上提供回退方案。
bpHS是一款基于bootstrap的炫酷jQuery hero幻灯片插件。该bootstrap幻灯片插件小巧实用,可以通过data属性来设置幻灯片的动画效果,还提供了许多参数用于控制幻灯片。