html5-- JQuery动画Animate

   

       

       

       

          input{

              width:100%;

              height:80px;

          }

          div{

              width:100px;

              height:100px;

              background-color:#7f7f7f;

          }

       

       

   

   

       

       

           

           

                $(function(){

                     

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

                        $("div").animate({"background-color":"#0a0a0a"},1000)

                                .animate({"width":"50px"},500)

                                .animate({"width":"80px"},300);

                    }) ;

                });