Jquery动画

显示隐藏

show()

显示隐藏的元素

将隐藏的div显示出来

$('div').show();

hide()

隐藏显示的元素

将显示的div隐藏起来

$('div').hide();

toggle()

在hide() 和 show() 方法之间的切换

隐藏起来的div显示，显示的div隐藏

$('div').toggle();

淡入淡出

fadeIn()

把显示的元素慢慢变淡隐藏起来

将显示的div慢慢变淡隐藏起来

$('div').fadeIn();

fadeOut()

把隐藏的元素慢慢变淡显示出来

将隐藏的div慢慢变淡显示

$('div').fadeOut();

fadeToggle()

在fadeIn()和fadeOut()之间切换

隐藏起来的div慢慢变淡显示，显示的div慢慢变淡隐藏

$('div').fadeToggle();

滑动

slideUp()

把元素使用往上收的方式隐藏起来

将显示的div往上收隐藏起来

$('div').slideUp();

slideDown()

把元素使用向下展开的方式显示出来

将隐藏的div向下展开显示起来

$('div').slideDown();

slideToggle()

在slideUp()和slideDown()之间切换

隐藏起来的div向下展开显示，显示的div往上收隐藏

$('div').slideToggle();

自定义动画

animate()

创建自定义动画

语法

$(selector).animate({params},speed,callback);

必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。