                        課程
                    
                        /前端開發
                        
                            /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>