jQuery中的动画方法

时间:2024-01-07 17:24:50

对角线动画

hide():显示

可以写两个参数——第一个参数

数字类型:毫秒

字符串类型:

  slow:慢 600ms

   normal:比slow快   比fast慢   400ms

   fast:快   200ms

第二个参数可以传入一个回调函数  在动画完成之后自动调用   .remove()可以再动画之后移除当前元素

show():隐藏   使用方法和hide相同

toggle():相互切换

滑动动画

也可以传两个参数   使用方法同上

slideDown()   滑入

slideUp()  滑出

slideToggle()  相互切换

淡入淡出动画

也可以传两个参数   使用方法同上

fadeIn()   淡入

fadeOut()   淡出

fadeToggle()   相互切换

fadeTo()   参数 (毫秒,透明度)

animate动画

参数   键值对(对象),  只能让属性为  数值+单位  的样式属性做动画  opacity:0~1透明度

时间(毫秒),

匿名函数(回调函数),

动画排队:如果一个元素多次调用动画方法,会让所有添加的动画逐个执行,直到执行结束.

.stop()  停止动画   写在动画前面