动画
//行内样式 display
//隐藏 display：none 显示 display：原始值 如果没有原始值 则删除display样式
//动画路线 左上角到右下角
$(".show").click(function(){
$("div").show();
})
$(".hide").click(function(){
$("div").hide(1000);
})
$(".toggle").click(function(){
$("div").toggle();
})
//行内元素 height
//动画路线 上到下
$(".slideDown").click(function(){
$("div").slideDown("slow");
})
$(".slideUp").click(function(){
$("div").slideUp(1000);
})
$(".slideToggle").click(function(){
// $("div").shop().slideToggle(3000); //在最后一次动画基础上，继续新动画
$("div").finish().slideToggle(3000);//完成所有动画 ，开始新动画
})
//行内样式 opacity 0 <-> 1
$(".fadeIn").click(function(){
$("div").fadeIn("slow");
})
$(".fadeOut").click(function(){
$("div").fadeOut(1000);
})
$(".fadeTo").click(function(){
$("div").fadeTo("normal","0.3");
})
$(".fadeToggle").click(function(){
$("div").fadeToggle();
})
$(".animate").click(function(){
$("div").animate({width:"400px",opacity:0.3},1000);
})自定义动画
$(".animate").mouseover(function(){
$("div").animate({width:"400px",opacity:0.3},1000);
})
都是button按钮
