jquery基本动画

jquery的基本动画

1.show()显示

2.hide()隐藏

3.toggle()切换

以上三个函数，有共同的参数

第一个表示运动时间

第二个表示运动曲线

第三个表达运动结束的回调函数

折叠动画

1.slideDown()显示

2.slideUp()隐藏

3.slideToggle()切换

以上三个函数，有共同的参数

第一个表示运动时间

第二个表示运动曲线

第三个表达运动结束的回调函数

渐隐渐显动画

1.fadeIn()显示

2.fadeOut()隐藏

3.fadeToggle()切换

以上三个函数，有共同的参数

第一个表示运动时间

第二个表示运动曲线

第三个表达运动结束的回调函数

4.fadeTo(运动时间，指定的透明度，运动曲线，运动结束的回调函数)

综合动画

animate()

第一个参数：要运动的样式，以一个对象数据类型传递

第二个参数：运动时间

第三个参数：运动曲线

第四个参数：运动结束的回调函数

注意：

关于颜色相关的样式是不能运动的

关于transform相关的样式是不能运动的

元素集合.animate({},运动时间，运动曲线，运动结束后的回调函数)

结束动画

stop()

当任何一个元素，执行了stop方法以后

会立即结束当前的所有运动，目前运动到什么位置，就停留在什么位置

一般对于结束动画的时候，都是在运动开始之前

finish()

放任何一个元素，执行了finish方法以后

会立即结束当前的所有运动，直接去到动画的结束位置