jQuery动画效果
基本效果：
- show() 显示
- hide() 隐藏
- toggle () 切换
- 基本效果的css属性变化：透明度变化，元素大小相关的样式（padding,border,width/height),外边距
滑动效果
- slideDown() 显示
- slideUp() 隐藏
- slideToggle() 切换
- 垂直方向上的变化 height /padding-top/margin-top
淡入淡出效果
- fadeIn() 淡入
- fadeOut() 淡出
- fadeToggle() 切换淡入淡出
- fadeTo()
- 透明度的变化
自定义动画
- animate({},speed,fn)自定义动画
- stop() 使动画停止
- finish() 是动画完成
动画设置
- jQuery.fx.off
- jQuery.fx.interval
动画队列
- 所有的动画操作会加入到队列中，依次执行
- 其他操作不会加入动画队列
jQuery动画与Css3动画
- 兼容性，CSS的动画和过度需要IE9+ ,jQuery 可以使用1.×版本的
- Css3 的动画或者过度必须给元素指定具体的css属性值
本文由 倪建成学习时 编辑，只是普通笔记。若是对你有用，可以自行转载
最后编辑时间为:2019-08-26 00:00:00