show([speed,[easing],[fn]]) | 显示隐藏的匹配元素。 | 将原本隐藏的p标签显示:$("p").show() |
hide([speed,[easing],[fn]]) | 隐藏显示的元素 | 将原本显示的p标签隐藏:$("p").hide() |
slideDown([speed],[easing],[fn]) | 通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。 | 将隐藏的p标签滑动显示出来:$("p").slideDown() |
slideUp([speed,[easing],[fn]]) | 通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数 | 将显示的的p标签滑动隐藏:$("p").slideUp() |
slideToggle([speed],[easing],[fn]) | 通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。 | 显示隐藏进行滑上滑下的操作:$("p").sideToggle() |
fadeIn([speed],[easing],[fn]) | 通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。 | 将p标签进入淡入操作:$("p").fadeIn() |
fadeOut([speed],[easing],[fn]) | 通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。 | >将p标签进入淡出操作:$("p").fadeOut() |
fadeTo([[speed],opacity,[easing],[fn]]) | 把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。 | 用200毫秒的时间将p标签的透明度调整到0.25,调整完后函数弹出警示框完成:$("p").fadeTo("faast",0.25,function(){alert("完成")}) |
fadeToggle([speed,[easing],[fn]]) | 通过不透明度的变化来开关所有匹配元素的淡入和淡出效果,并在动画完成后可选地触发一个回调函数。 | 用200毫秒快速将段落淡入,之后弹出一个对话框:$("p").fadeToggle("fast",function(){ alert("Animation Done."); }) (2)自定义部分
animate(params,[speed],[easing],[fn]) | 用于创建自定义动画的函数。 | 改变p标签的样式,通过动画来实现:$("p").animate({witth:"50%",height:"50%"},1000) | stop([clearQueue],[jumpToEnd]) | 停止所有在指定元素上正在运行的动画。 如果队列中有等待执行的动画(并且clearQueue没有设为true),他们将被马上执行 | p标签的正在进行的动画立即停止:$("p").stop() | delay(duration,[queueName]) | 设置一个延时来推迟执行队列中之后的项目。 | 在.slideUp() 和 .fadeIn()之间延时800毫秒:$("p").sideUp(300).delay(800).fadeIn(400) | finish( [queue ] ) | 停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画。 | 停止正在运行的动画:$("p").finish() | |