04-jQuery动效

jQuery效果

显示与隐藏动画

• 显示 show([speed,[easing],[fn]);
• 隐藏 hide([speed,[easing],[fn]);
• 切换 toggle([speed,[easing],[fn]);

展开与收起动画

• 展开 slideDown([speed,[easing],[fn]);
• 收起 slideUp([speed,[easing],[fn]);
• 切换 slideToggle([speed,[easing],[fn]);

淡入淡出动画

• 淡入 fadeIn([speed],[easing],[fn]);
• 淡出 fadeOut([speed],[easing],[fn]);
• 切换 fadeToggle([speed],[easing],[fn]);
• 淡入到 fadeTo([speed],opacity,[easing],[fn]);

自定义动画

• animate
  • 第一个参数:接收一个对象,可以在对象中修改属性
  • 第二个参数:指定动画时长
  • 第三个参数:指定动画节奏,默认是swing
  • 第四个参数:动画执行完毕之后的回调函数

stop和delay方法

• delay方法的作用就是用于告诉系统延迟时长
• stop可以传参也可以不传参
  • 立即停止当前动画,继续执行后续的动画(不传/false/false,false)
  • 立即停止当前和所有后续的动画(true/true,false)
  • 立即完成当前的动画,继续执行后续的动画(false,true)
  • 立即完成当前的动画,并且停止后续所有的动画(ture,true)