// 目标.hide() 让目标隐藏（修改的display属性）
// 小括号中，可是设置动画执行的时间
$(".box").hide('slow');
// 目标.show() 让目标显示
// 小括号中，可以设置动画执行的时间
$(".box").show(5000);
$("#taggle").click(function () {
//目标.toggle()
// 会先进行目标的属性，如果是显示，就设置为隐藏
// 如果是隐藏，就设置为显示
$(".box").toggle(2000);
//淡入
$(".btn:eq(1)").click(function () {
$(".box").fadeIn(2000);
})
//谈出
$(".btn:eq(2)").click(function () {
$(".box").fadeOut(2000);
})
//淡入/淡出
$(".btn:eq(3)").click(function () {
$(".box").fadeToggle(2000);
})
//渐变到指定的透明度
$(".btn:eq(4)").click(function () {
//参数1 ： 执行的时间
//参数2 : 指定的透明度
$(".box").fadeTo(2000,0.3);
})
//滑入
$(".btn:eq(5)").click(function () {
$(".box").slideDown(2000);
});
//滑出
$(".btn:eq(6)").click(function () {
$(".box").slideUp(2000);
});
//滑入/滑出
$(".btn:eq(7)").click(function () {
$(".box").slideToggle(2000);
});
自定义动画
$(".text:first").animate({
'opacity':1,
fontSize:"40px"
},3000,function() {
$(this).animate({
fontSize:"16px"
},1000)
}）
