1 动画效果 方法 总结:
1.1 显示/隐藏 show([speed],[fn]),hide([speed],[fn]),toggle([speed],[fn]);
1.2 滑动 slideDown([speed],[fn]),slideUp([speed],[fn]),slideToggle([speed],[fn])
1.3 淡入/淡出 fadeIn([speed],[fn]) fadeOut([speed],[fn]) fadeToggle([speed],[fn]) fadeTo([speed] ,opacity) 不透明度,取值 0--1之间
1.4 动画效果 animate $(selector).animate({params},speed,callback);
$("div").animate({left:"200px";},1000);
$("div").animate({left:"200px", //多个样式间用逗号隔开
opacity:"0.5",
height:"100px",
"100px"
})
动画的队列功能
$("div").animate({left:"100px"},slow); //队列之间用分号分隔,会按顺序执行
$("div").animate({"50px"},slow);
$("div").animate({"50px"},slow);
1.5 停止功能 stop()
stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。
默认的stop(),表示停止当前动画,若队列中还有动画,则执行后面的动画
默认stop(stopall,stopend)方法,默认参数都为false,
stop(true,true),第一true表示,停止所有的动画效果 ,第二个ture,表示完成当前的动画