html5--jq淡入淡出

   

       

       

       

        input{

            width:30%;

            height:80px;

        }

        div{

            width:100px;

            height:100px;

            background-color:#7f7f7f;

        }

       

       

   

   

       

       

       

       

           

           

            $(function(){

                $("#btfin").click(function(){

                    $("div").fadeIn(); 

                });

                $("#btfout").click(function(){

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

                });

                $("#bttoggle").click(function(){

                    $("div").fadeToggle(); 

                });

            });