jQuery：jQuery库中封装的一些常见动画效果

56 阅读 0 评论 37 点赞

我是靠谱客的博主要减肥裙子，最近开发中收集的这篇文章主要介绍jQuery：jQuery库中封装的一些常见动画效果，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

常见的动画显示效果：

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>