jQuery三组基本动画

主要介绍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();