- 逐渐缩放
$().show(time)
显示 time是动画的时间,可以是
$().hide(time)
隐藏time为可选项 - 淡入淡出
$().fadeIn(time)
显示
$().dadeOut(time)
隐藏 - 拉上拉下
$().sideDown(time)
拉下去(显示)
$().sideUp(time)
拉上来(隐藏)
动画是异步执行的,如果要达到动画完成之后再执行一个函数,需要在动画里面嵌套 函数$().hide(1000,fumction(){})
如果有多个动画依次执行,可以这样简写:
$().hide(1000).show(1000).fadeIn(1000)...
自定义动画 (.animate)
$().animate({//css属性和值,要有可执行的条件
left:50px,//需要有绝对定位才能偏移
top:30, //可以不带px
opacity:0.3,
width:'+=50'
},5000,function(){})
跟jQuery原有的动画一样可以嵌套函数和设置动画任务队列
.clearQueue
清除动画队列中未执行的动画
.finish
停止当前动画,并清除动画队列中所有未完成的动画,最终展示动画队列最后一帧的最终状态
.stop([clearQueue],[jumpToEnd])
停止当前正在运行的动画,立刻执行后面的动画
- clearQueue(defaule:false)//默认false,是否清除队列
- jumpToEnd(default:false)//是否跳转到最后
网友评论