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

效果出来了，但是多次点击后左移动就失效了，在火狐浏览器上点第二次就失效了！

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
 <style>
            .child{background:black;width:100px;height:100px;margin:0 auto;position:relative}
            button{margin:0 20px;}
            div{margin:0 auto;width:200px;height:200px;}
            button{margin-top:20px;}
        </style>
    </head>
    
    <body>
        <div class="child"></div>
        <div>
        <button id="left">左移</button>
        <button id="right">右移</button>
        </div>
    </body>
    <script>
        $(function () {
            $("#left").bind("click", function () {
                $(".child").animate({
                    right:"+=50px"
                },2000)
            });
            $("#right").bind("click", function () {
                $(".child").animate({
                    left:"+=50px"
                },2000)
            })
        })
    </script>
</html>