jQuery - 动画相关

// 显示隐藏
$("div").show(); // 显示
$("div").hide(); // 隐藏

// 显示过程3秒, 3秒之内, 元素的宽,高和透明度会变化
$("div").show(3000);

// 淡入淡出 (透明度变化)
$("div").fadeIn(); // 淡入
$("div").fadeOut(3000); // 淡出, 用时3秒

// 滑入滑出, (改变高度)
$("div").slideUp();
$("div").slideDown(3000); // 定时3秒

<div style="width: 300px; height:200px; background-color: red;"></div>