主要介绍jQuery中的三组基本动画:显示与隐藏、滑入与滑出、淡入与淡出。
1、显示与隐藏
主要是show()和hide()方法
// 直接显示
$("div").show();
// 1000ms显示出来,动画持续时间,可以是毫秒值,也可以是字符串
$("div").show(1000);
// 设置显示速度:fast normal slow
$("div").show("fast");
// $("div").show([speed],[callback]);// 设置显示持续时间,或回调函数
$("div").show(function () {
console.log("显示出来了。");
});
2、滑入与滑出
主要是slideDown()、slideUp()和slideToggle()方法
// 滑入
// $("div").slideDown();
$("div").slideDown(2000);
// 滑出
$("div").slideUp();
// 切换
$("div").slideToggle();
3、淡入与淡出
主要是show()、hide()和fadeToggle()方法
// 淡入
// $("div").fadeIn();
$("div").fadeIn(2000);
// 淡出
$("div").fadeOut();
// 切换
$("div").fadeToggle();