                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

为什么实现不了

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>jQuery动画特效</title>
    <style type="text/css"/>
    #niu{
        height:80px;
        width:80px;
        border:solid 1px red;
        background:red;
        position:absolute;
        margin-left:100px;
        margin-top:200px;

        }
    </style>
    </head>

    <body>
    <div id="niu"></div>
    <input type="button" class="zuo" value="左移">
    <input type="button" class="you" value="右移">
    <script type="text/javascript">
    $(function(){
       $(".zuo").bind("click",function(){
           $("div").animate({left:"-=50px"},3000,function(){$("div").html("左移");})
       })
       $(".you").bind("click",function(){
           $("div").animate({left:"+=50px"},3000,function(){
               $("div").html("右移")
           })
       })

    })
    </script>
    </body>
</html>