常见的动画显示效果:
1.显示和隐藏:
show()
hide()
toggle()
—语法规范:
show([speed],[easing],[fn]);
[]表示里面的参数都是可以省略的,speed表示可以让元素按照某个速度显示或隐藏,speed的值有:“slow”,“normal”,“fast”,也可以直接写成数字(如:1000)。
easing用来更换效果,默认是swing,可以换成linear。
fn是回调函数,在动画完成时执行该函数。
<div class="box"></div>
<script>
// 表示将box元素快速隐藏
$(".box).hide("fast");
// 表示将box元素2秒钟内隐藏
$(".box).hide(2000);
// 表示将box元素1秒钟内显示出来
$(".box).show(1000,function(){
console.log("会在函数执行完后再执行该函数");
});
</script>
2.滑动效果:
slideDown()
slideUp()
slideToggle()
3.淡入淡出效果:
fadeln()
fadeOut()
fadeToggle()
fadeTo()
4.自定义动画:
animate()