$().hide(speed,callback) | 隐藏 |
$().show(speed,callback) | 显示 |
$().toggle(speed,callback) | 切换显示或隐藏 |
$().slideDown(speed,callback) | 向下展开 |
$().slideUp(speed,callback) | 向上展开 |
$().slideToggle(speed,callback) | 切换展开 |
$().fadeIn(speed,callback) | 淡入 |
$().fadeIn(speed,callback) | 淡出 |
$().fadeToggle(speed,callback) | 切换淡入淡出 |
$().fadeTo(speed,opacity,callback) | 淡入或淡出到指定值-----speed可以是数字代表毫秒数,也可以是slow,fast |
$().animate(obj,speed,easing,callback) | 自定义动画 |
$().stop(clearQueue,gotoEnd) | 清除动画clearQueue代表是否清空未执行完的动画队列,gotoEnd代表是否直接将正在执行的动画跳转到末状态 |
$().delay(time) | 延时动画 |
列队动画实现方法:
1.按顺序执行动画
2.通过连缀执行动画
3.在回调函数中执行下一个动画
使css转换为列队动画的方法:
1.将css放进回前一个动画的回调函数中
2.将css放进queue(function(){})中-----使用queue方法后无法在调用后面的其他动画,用queue(function(next){next();})可以解决此问题