一.显示和隐藏效果
1.显示
(1)显示语法规范
show([speed,[easing]],[fn])
(2)显示参数
1.参数可以省略,无动画显示。
2.speed:三种预定速度之一的字符串(“slow”,“normal”,“fast”)或表示动画时长的毫秒数值。
3.easing:(Optional)用来指定切换效果,默认"swing",可用参数"linear"。
4.fn:回调函数,再动画完成执行的函数,每个函数执行一次。
2.隐藏
(1)隐藏语法规范
hide([speed,[easing]],[fn])
(2)隐藏参数同上
3.切换
(1)切换语法规范
toggle([speed,[easing]],[fn])
(2)切换参数同上
二.滑动效果
slideDown([speed,[easing]],[fn])
slideUp([speed,[easing]],[fn])
slideToggle([speed,[easing]],[fn])
三.事件切换
hover([over],out)
1.over鼠标移到元素上要触发的函数(相对于mouseenter)
2.out鼠标移出元素要触发的函数(相对于mouseleave)
四.动画队列及其停止排队方法
1.动画或效果队列
动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队
2.停止排队
stop()
1.stop()方法用于停止动画或效果
2.注意:stop()写到动画或者效果的前面,相对于停止结束上一次动画。
五.淡入淡出
fadeIn([speed,[easing]],[fn])//淡入
fadeOut([speed,[easing]],[fn])//淡出
fadeToggle([speed,[easing]],[fn])
1.渐进方式调整到指定的不透明度
fadeTo([[speed],opacity,[easing],[fn]])//透明度
(1)opacity透明度必须写,取值0-1之间
(2)speed:三种预定速度之一的字符串(“slow”,“normal”,“fast”)或表示动画时长的毫秒数值。必须写
自定义动画animate
1.语法
animate(params,[speed],[easing],[fn])
2.参数
(1)params:想要更改的样式属性,以对象形式传递,必须写,属性名可以不用带引号。如果是复合属性则采取驼峰命名法。