jequery中的动画

show()与hide()、fadeIn()与fadeOut() 、 slideDown()和slideUp()

1.show()与hide()

元素调用 hide() 方法会将该元素的 display 样式改为 none ，代码功能同 css(“display”, “none”);

元素调用 show() 方法 将元素的 display 样式改为先前的显示状态。

以上两个方法在不带任何参数的情况下 , 作用是 立即 显示或隐藏匹配的元素 , 不会有任何动画 , 可以通过设置速度参数使元素动起来。

以上两个方法同时减少 ( 增大 ) 元素的高度 , 宽度和不透明度来达到让元素显示或隐藏 。

2.fadein()与fadeout()

通过改变元素的透明度来显示和隐藏元素。

v fadeOut() 会在指定的一段时间内降低元素的不透明度, 直到元素完全消失(display:none;)，fadeIn() 则相反。

3.slideDown()和slideUp()gaiu

改变元素高度实现动画效果

v toggle() 方法 --- 切换元素的可见状态 : 如果元素是可见的 , 则切换为隐藏 ; 如果元素是隐藏的 , 则切换为可见的。

v fadeTo() 方法 -- 把不透明度以渐近的方式调整到指定的值(0 – 1 之间)，元素高度和宽度不会发生变化 。