第一组基动画(show()显示/hide()隐藏)
- 这组动画改变的主要是宽高和不透明度。
- 参数三个依次为 :
- speed 表示动画时长,单位是毫秒(在这个参数里面提供个了三个基本字符串,分别是slow对应600 normal对应400, fast 对应 200)
- easing 动画效果(可选参数) 变速与匀速
- callback 回调函数(可选参数)动画执行完执行的部分。
第二组基本动画(slide 系列)
- 这组动画主要控制元素的高度。
- 没有参数的情况下默认有动画效果。
- slideDown() 滑出/slideUp() 滑入/slideToggle() 滑入滑出切换
- 参数三个依次为
- speed 表示动画时长,单位是毫秒
- easing 动画效果
- callback 回调函数(可选参数)动画执行完执行的部分。
第三组基本动画(fade 系列)
- 淡入淡出只能控制元素的不透明度从 完全不透明 到完全透明;而fadeTo可以指定元素不透明度的具体值。并且时间参数是必需的。
- fadein()/fadeout()/fadeToggle()
- 参数三个依次为
- speed 表示动画时长,单位是毫秒
- easing 动画效果
- callback 回调函数(可选参数)动画执行完执行的部分。
自定义动画 animate()
-
参数1 object 对象,里面是无序的动画样式使用样式的是皇后注意去掉单词直接的连接符例如 font-size 要使用fontSize
-
参数2 easing 动画效果 swing 变速 linear 匀速
-
参数3 callback 回调函数
-
jquery 中的动画可以写成动画队列的形式(类似链式编程)
-
例如:$(“div”).animate({width:200},2000).animate({height:300},2000).animate({top:0},1000)…
-
这样既可以处理很多并行动画,但是知道队列中的动画全部执行完才会天下来。
-
所以,有了 stop() 这个方法用于停止当前正在执行的动画。如动画队列中有后续动画,后续动画会执行。它有三个参数:
-
参数1 clearQueue Boolean值是否清除动画队列
-
参数2 jumpToEnd Boolean值是否跳转到当前正在执行的动画的最终效果。
-
为了解决动画队列执行的时候直到队列中没动画才停下来的问题,可以用stop()方法,在每次动画执行之前停止当前执行的动画。