1、显示和隐藏
效果是宽高以一个角为参考点一起持续变大或缩小 显示:show()、隐藏:hide()、切换:toggle() 参数:([time[,fn]])
2、展开和收起
效果是宽或高以一条边为参考持续变大或缩小 展开:slideDown()、收起:slideUp()、切换:slideToggle() 参数:([time[,fn]])
3、淡入淡出
淡入:fadeIn()、淡出:fadeOut()、切换:fadeToggle() 参数:([time[,fn]]) 淡入到:fadeTo(),参数:([time[,opacity,fn]]),例:jqobj.fadeTo(1000,0.4,function(){});
4、自定义动画animate()
第一个参数: 接收一个对象, 可以在对象中修改属性 第二个参数: 指定动画时长 第三个参数: 指定动画节奏, 默认就是swing(可省略) 第四个参数: 动画执行完毕之后的回调函数(可省略) 操作属性可接受3种方式: 直接赋值(属性名:纯数值),如:marginLeft: 500 累加(属性名:"+=纯数值"),如: "+=100" 关键字赋值,如: "hide"、 "toggle"
5、动画延迟和停止
delay(time)方法用于告诉系统延迟时长
stop()方法可以接收两个参数
立即停止当前动画, 继续执行后续的动画:jqobj.stop();jqobj.stop(false);jqobj.stop(false, false);
立即停止当前和后续所有的动画:jqobj.stop(true);jqobj.stop(true, false);
立即完成当前的, 继续执行后续动画:jqobj.stop(false, true);
立即完成当前的, 并且停止后续所有的:jqobj.stop(true, true);