为了账号安全,请及时绑定邮箱和手机立即绑定

各位大神,求帮忙看看哪里错了!!谢谢!

各位大神,求帮忙看看哪里错了!!谢谢!


<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>jQuery动画特效</title>

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

        <style type="text/css">

        div{

            width:100px;

            height:100px;

            background-color:red;

            position:relative;

            margin:20px 0 0 100px;

        }


        </style>

    </head>

    

    <body>

        <input id="btnl" type="button" value="左移">

        <input id="btnr" type="button" value="右移">

        <div></div>

        <script type="text/javascript">

            $(function(){

                $("#btnl").bind("click",function(){

                    $("div").animate({

                        left: "-=50px"

                        },2000,function({

                            $("div").html("左移完成");    

                        })

                    );

                });

                

                $("#btnr").bind("click",function(){

                    $("div").animate({

                        left: "+=50px"

                        },2000,function({

                            $("div").html("右移完成");    

                        })

                    );

                });

            });

        </script>

    </body>

</html>


正在回答

1 回答

<!DOCTYPE html>

<html>


<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>jQuery动画特效</title>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

<style type="text/css">

div {

width: 100px;

height: 100px;

background-color: red;

position: relative;

margin: 20px 0 0 100px;

}

</style>

</head>


<body>

<input id="btnl" type="button" value="左移">

<input id="btnr" type="button" value="右移">

<div></div>

<script type="text/javascript">

$(function() {

$("#btnl").bind("click", function() {

$("div").animate({

left: "-=50px"

}, 2000, function() {

$("div").html("左移完成");

});

});

$("#btnr").bind("click", function() {

$("div").animate({

left: "+=50px"

}, 2000, function() {

$("div").html("右移完成");

});

});

});

</script>

</body>

</html>


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

czx陈先森 提问者

非常感谢!
2015-06-10 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

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

进入课程

各位大神,求帮忙看看哪里错了!!谢谢!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信