jQuery 基本效果
基本效果
1.show([speed],[easing],[fn]) 显示隐藏的匹配元素
speed:三种预定的速度之一的字符串(“show”,"normal",or"fast")或表示动画时长的毫秒数值(如:1000);
easing:用来指定切换效果,默认是“swing”,可用参数“linear”;
fn:在动画完成时执行的函数,每个元素执行一次
2. hide(([speed],[easing],[fn]) 隐藏显示元素
3.toggle([speed],[easing],[fn]) 用于绑定两个或多个事件处理器函数,以响应被选元素的轮流click事件(切换元素)
4. slideDown([speed],[easing],[fn]) 通过高度变化(向下增大)来动态地显示所有匹配元素,在显示完成后可选地触发一个回调函数。
5. slideDown([speed],[easing],[fn]) 通过高度变化(向上减小)来动态地显示所有匹配元素,在隐藏完成后可选地触发一个回调函数。
6.slideToggle([speed],[easing],[fn]) 通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。
7. fadeIn([speed],[easing],[fn]) 淡入
8.fadeout([speed],[easing],[fn]) 淡出
9.fadeTo([speed],[easing],[fn]) 把所有匹配元素的不透明度以渐进的方式,调整到指定的不透明度,并在动画完成后可选地触发一个回调函数
10. fadeToggle([speed],[easing],[fn]) 通过不透明度的变化来开关所有匹配元素的淡入淡出效果,并在动画完成后可选地触发一个回调函数
11.animate([params],[speed].[easing],[fn]) 用于创建自定义动画的函数。params:一组包含作为动画属性和终值的样式属性和其值的集。这个函数的关键在于指定动画样式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如height”、“top”或“opacity”)。注意所有指定的属性必须用驼峰形式,比如用marginLeft代替marign-left
12.stop([clearQueue],[jumpToEnd]) 停止所有在指定元素上正在运行的动画。
13.delay(duration,[queueName]) 设置一个延时来推迟执行队列之后的项目。例:在.slideUP()和.fadeIn()之间延迟800毫秒
HTML代码:
<div id="foo"/>
jQuery 代码:
$('#foo').slideUp(300).delay(800).fadeIn(400);
14.finish([queue]) 停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画。当.finish()在一个元素上被调用,立即停止当前正在运行的动画和所有排队的动画(如果有的话),并且他们的CSS属性设置为它们的目标值(所有动画的目标值)。所有排队的动画将被删除。
15.jQuery.fx.off 关闭页面上所有的动画。把这个属性设置为true可以立即关闭所有动画(所有效果会立即执行完毕)