jquery动画
jq js 动画 是帧动画 驱动DOM渲染动画,兼容性好
csse 补间动画 效果好,性能好,兼容性不好,多用于移动端
jq提供了三组基本动画
一. show(); 显示 hide();隐藏
用法:1.不传参 没有动画(不用动画是因为动画丑)(最常用)
2.传参:show(speed); speed(速度)
speed:
1.number 自定义速度
2.单词(指定速度)
fast 快 200ms
normal 正常 400ms(默认速度)
slow 慢 600ms
3.callback 回调函数 等动画播放完成触发
如果没有传speed值,只传一个函数,那么也会有动画时长,normal;(默认动画时长)
二. 划入划出动画(重要,不常用) 传参方式与隐藏显示动画一样
slideDown(); 划入 从上往下走
slideUp(); 划出 从下往上走
slideToggle(); 切换
三. 淡入淡出动画 传参方式与隐藏显示动画一样
fadeIn(); 淡入
fadeOut(); 淡出
fadeToggle(); 切换