1112

动画效果改的是行内样式

show hide toggle  更改display none/无display/原来display

路线：左上角-> 右下角

slidedown   slideup  slidetoggle  改的是height

动画路线 上<->下

               // $(".div").stop().slideToggle(3000) //在最后一次动画基础上，继续新动画

                $(".div").stop() //停止动画

                //$(".div").finish().slideToggle(3000) 结束动画（无论是否做完） 3000 =时间

fadein   fadeout   

fadetoggle   

fadeto   改 opacity 透明度 0 透明 1 不透明

 

     $(".div").fadeTo("normal",0.3)

                //理论第一个值可选 （normal） 但 现在必须写  透明度为0.3

 

   // 动画是一个一个执行 不能同时执行 所以需要自定义动画

 $(".animate").click(function(){

              //  $(".div").animate({width:"400px",height:"400px"},1000)

               // $(".div").animate({width:"400px",height:"400px",opacity:0.3},1000)

                $(".div").animate({width:"+=40px",height:"+=40px",opacity:0.3},1000)

             })