jQuery 动画测试,By Gavin


全局禁止动画 --> $.fx.off = false
全局动画帧率

显隐:hide() show() toggle()
这里是一个段落,上面的按钮将要决定显示还是隐藏,hide、show、toggle的参数都是相同的,三个可选参数:speed、easing、function,速度、效果以及回调函数。触发toggle()会添加参数(“slow”,“swing”,function(){})
滑动:slideDown() slideUp() slideToggle()
这里是一个段落,上面的按钮将要决定滑动效果,slideDown、slideUp、slideToggle的参数都是相同的,三个可选参数:speed、easing、function,速度、效果以及回调函数。触发slideToggle()会添加参数(“slow”,“swing”,function(){})

淡入:fadeIn() fadeOut() fadeTo(0.5) fadeToggle()
这里是一个段落,上面的按钮将要决定该段落的淡隐淡出,fadeIn、fadeOut、fadeToggle的参数都是相同的,三个可选参数:speed、easing、function,速度、效果以及回调函数。触发slideToggle()会添加参数(“slow”,“swing”,function(){})。fadeTo()是指定淡隐淡出的目标,0-1。比如.fadeTo(.5),表示透明度到50%的时候就停止了。
自定义: 开始动画 stop() delay() finish()
点击开始动画,将自动执行动画,点击其他按钮,将看到相应效果。这是一个动画队列,stop和finish将有不同的效果。stop会停止当前正在执行的动画,其有三个参数(动画队列名称、清空队列、立即完成动画),stop(true),清空其他队列,stop(true,true),清空队列,但当前动画立即完成。delay是延迟,finish是清空队列,立即完成到最终位置。