一.show()和hide(),显示和隐藏,改变大小和透明度
show()恢复内容原有的display值,内容从上到下,从左到右依次增大,透明度从0到1
hide()使内容display设置为none.和以上相反。
可以设置速度参数,low(600),normal(400),fast(200),或者其他数字,单位ms.
二.fadeIn()和fadeOut(),淡入和淡出,只改变透明度
可以设置速度参数,low(600),normal(400),fast(200),或者其他数字,单位ms.
三.slideUp和slideDown,缩短隐藏和延伸显示
只改变高度
四.自定义动画 animate()
1.animate(params,speed,callback)
参数params,一个包含样式属性及值得映射,比如{left:"300px",right:"300px"}
2.累加累减 如:left:"+=500px"
3.顺序执行,链式
参数callback,适用于任何动画效果,如function(){$(this}.css("color","red")
五.停止动画和判断是否处在动画状态
1.停止动画stop(可选参数1clearqueue,表示是否要清空未执行的动画队列,可选参数2gotoend,表示是否直接将正在执行的动画跳到末状态),参数为true或者false
默认值都是false,是立即停止当前动画,开始接下来的动画。stop(true)等价于stop(true,false),
2.is(":animated")
3.延迟动画 .delay(速度参数)
六.其他动画
1.toggle(speed,[callback])
在hide和show之间切换
2.slideToggle(speed)
通过高度变化切换可见性
3.fadeTo(speed,opacity)
把元素的不透明度以渐进方式调整到指定的值
4.fadeToggle(speed)
通过切换不透明度切换元素可见性