第9章 jQuery动画效果
- jQuery提供了三组基本动画,这些动画都是标准的、有规律的效果,jQuery还提供了自定义动画的功能。
- 演示动画效果 [08-演示jQuery动画(animate).html]
9.1 三组基本动画
- 显示(show)与隐藏(hide)与切换(toggle)是一组动画:
- 滑入(slideUp)与滑出(slideDown)与切换(slideToggle),效果与卷帘门类似
- 淡入(fadeIn)与淡出(fadeOut)与切换(fadeToggle)
$obj.show([speed], [callback]);
slideDown()/slideUp()/slideToggle();同理
fadeIn()/fadeOut();fadeToggle();同理
9.2 自定义动画
$(selector).animate({params},[speed],[easing],[callback]);
9.3 动画队列与停止动画
- 在同一个元素上执行多个动画,那么对于这个动画来说,后面的动画会被放到动画队列中,等前面的动画执行完成了才会执行(联想:火车进站)。
stop(clearQueue, jumpToEnd);