Jquery动画

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

            //  $("div").show()

            //  $("div").show("slow") normoal fast

             $("div").show(1000)

         })

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

             $("div").hide()

         })

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

             $("div").toggle()

         })

         //改的是行内样式 height

         //动画路线是从上到下

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

             $("div").slideDown();

         })

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

             $("div").slideUp();

         })

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

             $("div").slideToggle();

         })

         

         //行内样式

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

             $("div").fadeIn();

         })

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

             $("div").fadeOut(3000);

         })

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

             $("div").fadeToggle();

         })

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

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

         })

         

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

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

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

         })