jquery动画

行内样式display

隐藏display：none 显示display：原始值 如果没有原始值 则删除display样式

动画的路线 左上角<->右下角

$("div").show("slow") normal fast 添加指定动画

$("div").show(1000) 添加显示时间

 $("div").hide() 隐藏

 $("div").toggle()切换

 

行内样式height

动画路线 上<->下

$("div").slideDown()显示

 

 $("div").slideUp()隐藏

 $("div").slideToggle()切换

$("div").stop().slideToggle(3000)删除所有排列动画 在最后一次动画基础上，继续新动画

 $("div").finish().slideToggle(3000）删除所有排列动画 完成所有动画 开始新动画

 

 

行内样式 opacity透明度 0<->1

$("div").fadeIn()显示

 $("div").fadeOut()隐藏

$("div").fadeToggle()切换

 $("div").fadeTo("normal",0.3)透明度定在某个隐藏时间

 

 

可以实现所有动画效果

 $("div").animate({width:"400px"},1000)点击改变宽度

$("div").animate({width:"400px",height:"400px", opacity:0.3},1000)点击改变宽高 透明度

 $("div").animate({width:"+=40px",height:"+=40px"},1000)逐渐增大