自定义动画 animate() 四个参数
参数1:必选的 对象 代表的是需要做动画的属性,例:
$("#div1").animate({left:800,width:300})注:参数1可以写入多个值
参数2:可选的 代表执行动画的时长,默认400毫秒例:
例:$("#div1").animate({left:800},2000);参数3:可选的 easing 代表的是缓动还是匀速 linear(匀速) swing(缓动) 默认不写是缓动例:
$("#div1").animate({left:800},2000,"linear");参数4:可选的 代表动画执行完毕后的回调函数,例:
$("#div1").animate({left:800},2000,"linear",function () {alert("打不着我吧~~~");});注:回调函数中的内容也可以再次写入自定义动画例:
$("#div1").animate({left:800},2000,"linear",function () {$("#div1").animate({width:500},2000,"linear",function(){无限嵌套,使上一个动画完毕后执行下一个动画})});动画队列与停止动画 stop()
当我们给一个元素添加鼠标进入与移出事件,让另一个元素显示/隐藏时,会因为用户操作过快产生动画队列,这时我们需要使用 stop()方法清除这个队列
例:$("#div1").stop(true,false).slideDown(300)
stop()方法 有两个参数
参数1:是否清除队列 true/false
参数2:是否跳转到最终效果 true/false,
例:stop(true,false)
如果stop()不写参数,那么默认两个参数都是false
