详解jQuery动画

show动画 显示动画
.show() 接收三个参数，毫秒数，速度，回调函数
css:

html:

jQuery:

hide动画 隐藏动画
.hide() 接收三个参数，毫秒数，速度，回调函数
css:

html:

jQuery:

toggle动画 隐藏显示切换动画
.toggle() 接收三个参数，毫秒数，速度，回调函数
css:

html:

jQuery:

slideDown动画 下拉显示
.slideDown() 接收三个参数，毫秒数，速度，回调函数
css:

html:

jQuery:

slideUp动画 上拉隐藏
.slideUp() 接收三个参数，毫秒数，速度，回调函数
css:

html:

jQuery:

slideToggle动画 上下切换动画
.slideToggle() 接收三个参数，毫秒数，速度，回调函数
css:

html:

jQuery:

fadeIn动画 逐渐显示动画
.fadeIn() 淡入，接收三个参数，毫秒数，速度，回调函数
css:

html:

jQuery:

fadeOut动画 逐渐隐藏动画
.fadeOut() 淡出，接收三个参数，毫秒数，速度，回调函数
css:

html:

jQuery:

fadeToggle动画 渐隐渐现动画
.fadeToggle() 接收三个参数，毫秒数，速度，回调函数
css:

html:

jQuery:

fadeTo动画 变换到指定的透明度
.fadeTo() 接收四个参数，毫秒数，透明度，速度，回调函数
css:

html:

jQuery:

animate动画 自定义动画
.animate({属性：属性值},”时间”，”速度”，”回调函数”) 接收四个参数
css:

html:

jQuery:

延迟执行动画：.delay(时间)
css:

html:

jQuery:

stop() 当前动画直接停止，动画就停止在当前的位置，然后立即执行下一次动画效果
接收两个参数：都是布尔值
参数1：表示动画队列的操作 true:删除队列 false:没有删除队列
参数2：表示当前动画的操作 true:当前动画立即运动到终点 false:当前动画停止了
css:

html:

jQuery: 参数1为true,参数2为false

finish() 当前动画直接结束，动画直接执行至终止状态，然后立即执行下一次动画效果
css:

html:

jQuery: