求指导。哪里错了？？-慕课网

求指导。哪里错了？？

来源：7-13 编程练习

VirgoYellow

2015-04-26 21:31

<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>

写回答关注

2回答

VirgoYellow

2015-04-27 20:24:21

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

0 0

康振宁: 2015-04-27 10:52:38

<!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>

给你一段可参考的代码吧

0 0

jQuery基础课程

加入课程学习，有效提高前端开发速度

154758 学习 · 7184 问题

查看课程

打开慕课网App查看更多内容