jQuery动画效果

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);

原文地址:https://www.cnblogs.com/chuanzi/p/9458727.html