show(time[,fn])–显示
$('div').show() //默认是normal=400,而slow=600,fast=200
注意
show里面可以有参数,参数表示完成show动画所需要的时间,单位为ms。
hide(time[,fn])–隐藏
$('div').hide()
注意:用法同show()。
toggle(time[,fn])–显示隐藏(有则隐藏,无则显示)
$('div').toggle()
注意:用法同show()
slideDown(time[,fn])–展开
$('div').slideDown(1000)
用法同show()
slideUp(time[,fn])–收起
$('div').slideUp(1000)
用法同show()
slideToggle(time[,fn])–展开收起(展开则收起,收起则展开)
$('div').slideToggle(1000)
用法同show()
stop(time[,fn]]–停止当前运行的动画
$('div').stop()
animate–自定义动画
第一个参数,接收一个对象,对象中是要修改的属性;
第二个参数,指定动画时长;
第三个参数,指定动画节奏,默认就是swing,还有linear;
第四个参数,动画执行完毕的回调函数。
累加动画:
$('div').animate({
width:'+=200'}, //取值为hide时,相当于slideup()动画效果,取值为toggle时,
//在sildeDown和slideUp之间进行切换。
1000,
swing,
function(){
alert('我是谁?')
)
delay(ms)
延迟动画的执行
animate().delay(1000).animate //执行完第一个动画后延迟一秒再继续执行下一个动画。
stop()–停止当前动画的执行
(1)无参数情况
$('div').stop() //停止当前动画的执行(停止在执行到的位置),继续执行后续动画
(2)有参数情况
$('div').stop(false) //停止当前动画的执行(停止在执行到的位置),继续执行后续动画
$('div').stop(false,false) //停止当前动画的执行(停止在执行到的位置),继续执行后续动画
$('div').stop(true) //停止当前动画的执行(停止在执行到的位置),及后续所有的动画
$('div').stop(true,false) //停止当前动画的执行(停止在执行到的位置),及后续所有的动画
$('div').stop(false,true) //立即完成当前动画,继续执行后续动画
6)
$('div').stop(true,true) //立即完成当前动画,停止后续动画的执行