jQuery中的动画
控制显示和隐藏
show() “fast”:200 “normal”:400 “slow”:600
hide()
控制不透明度
fadeIn()
fadeOut()
fadeTo() //$(“div”).fadeTo(“fast”,”0.2”);
控制高度
slideUp()
slideDown()
自定义动画实现
自定义动画实现
animate(params,speed,fun);
累加、累减动画
$("#btn").click(function(){
$("#pos").animate({left:"+=20px"},fast);
})
同时执行多个动画
$("#pos").animate({left:"+=20px",height:"+=20px"},fast);
停止动画
stop()方法:停止阶段性动画。
stop(true)方法:停止当前动画后的所有阶段动画。
判断元素是否处于动画状态
$("#ele").is(":animated")
说明:
动画是顺序执行的。