jQuery中的动画

jQuery动画
一、jquery中的动画
二、标准动画
三、折叠动画
四、渐显动画
五、综合动画
六、停止动画
七、延时函数
一、jquery中的动画

1、标准动画

show()
hide()
toggle()
2、折叠动画

slideDown()
slideUp()
slideToggle()
3、渐显动画

fadeIn()
fadeOut()
fadeToggle()
fadeTo()
4、综合动画

animate
5、停止动画

stop
finish

二、标准动画

1、show()

show() 显示隐藏的匹配元素

如果这个元素是可见的，这个方法不会改变任何东西，无论这个元素是通过hide()方法隐藏的还是在css里面设置了display:none，这个方法都有效

语法：show(speed,easing,fn)

speed：三种预定速度的字符串（slow,normal,fast）或者表示动画时长的毫秒数值（如：2000），Number/String
easing：(optional 可选参数) 用来指定运动效果，默认是"swing"，可选参数"linear"，String
fn：(optional 可选参数) 在动画完成时执行的函数，每个元素执行一次， Function
三种预定速度的字符串对应的毫秒数值

slow    normal    fast
600    400    200
例：让隐藏的div用2秒时间匀速显示出来，完成之后执行一个反馈

$('div').show(2000,"linear",function(){
      $(this).html("动画完成")
 })

2、hide()

hide() 隐藏显示的元素

如果元素是隐藏的，这个方法不会改变任何东西。隐藏的元素相当于设置了display: none，隐藏且不占位

语法：hide(speed,easing,fn)

<