<ul>
<li>.show()显示匹配的隐藏元素
show(speed,easing,complete)speed:slow/600,normal,fast/200;easing:动画效果默认swing还可选linear;complete:元素显示完成后执行的函数</li>
<li>.hide(),与show相反</li>
<li>.slideUp()通过高度变化(向上减小)来动态地隐藏所有匹配的元素</li>
<li>.slideDown()</li>
<li>.slideToggle()</li>
<li>.fadeOut()通过不透明度的变化来实现所有匹配元素的淡出效果</li>
<li>.fadeIn()</li>
<li>.fadeTo()把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,</li>
<li>.fadeToggle()</li>
<li>.animate用于创建自定义动画的函数。
这个函数的关键在于指定动画形式及结果样式属性对象
$("#go").click(function(){
$("#block").animate({
width: "90%",
height: "100%",
fontSize: "10em",
borderWidth: 10
}, 1000 );
});
```</li>
<li>.stop()停止所有在指定元素上正在运行的动画。
stop(clearQueue,jumpToEnd)均boolean型,1true清空列队,2true立即完成</li>
<li>.finish()停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画与.stop(true, true)很相似.finish() 会导致所有排队的动画的CSS属性跳转到他们的最终值。</li>
<li>.delay一个延时来推迟执行队列中之后的项目delay(time)
`$('#foo').slideUp(300).delay(800).fadeIn(400);`</li>
<li>jQuery.fx.off = true关闭页面上所有的动画。</li>
<li>jQuery.fx.interval = 1000设置动画的显示帧速。</li>
</ul>
网友评论