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

求指导。哪里错了？？

<body>
        <div id="div1">200x200的div</div>
        <button id="btn1">左移</button>
        <button id="btn2">右移</button>
        <script type="text/javascript">
            $(function(){
                $("#btn1").bind("click",function(){
                    $("#div1").stop();
                    $("#div1").animate({
                        left:"-=50px";
                    },
                    3000);
                });
                $("#btn2").bind("click",function(){
                    $("#div1").stop();
                    $("#div1").animate({
                        left:"+=50px";
                    },3000);
                });
                /*
                $("#btn1").click(function(){
                    $("#div1").stop();
                    $("#div1").animate({
                        left:"-=50px";
                    },3000);
                });
                $("#btn2").click(function(){
                    $("#div1").stop();
                    $("#div1").animate({
                        left:"+=50px";
                    },3000);
                });
                */
            });
        </script>
    </body>

VirgoYellow

2015-04-26

源自：jQuery基础课程 7-13

关注问题我要回答

480

操作

收起

2 回答

VirgoYellow 提问者
2015-04-27

谢谢！找到错误的地方了！

0 回复有任何疑惑可以回复我~

收起回答

康振宁
2015-04-27

<!DOCTYPE html>
<html>
<style type="text/css">
    div{
        position:absolute;
        top:50px;
        left:200px;
        height:50px;
        width:50px;
        border:1px solid red;
        }
</style>
<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>
</head>
<body>
    <div></div>
    <input id="left" type="button" value="左移"/>
     <input id="right" type="button" value="右移"/>
     <script type="text/javascript">
        $(function(){
            var $ltime=0;
            var $rtime=0;
            $("#left").bind("click",function(){
                $ltime++;
                $("div").animate({
                    left: "-=50px"
                },3000,function(){
                    $("div").html("左移"+$ltime+"次")
                    })
            });
           $("#right").bind("click",function(){
               $("div").animate({
                   left: "+=50"
               },3000,function(){
                   $rtime++;
                   $(this).html("右移"+$rtime+"次")
               })
           }) 
        });
     </script>
</body>
</html>

给你一段可参考的代码吧