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

我的为啥移不动?

<!DOCTYPE html>

<html>

    <head>

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

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

    </head>

    

    <body>

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

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

        <div style="background-color:red;width:100px;height:100px;position:absolute;top:50px"></div>

        <script type="text/javascript">

         $(function(){

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

               $("div").animate({left:"-=50px"},2000,function(){

                   alert("左移成功");

               })

               })

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

               $("div").animate({left:"+=50px"},2000,function(){

                   alert("右移成功");

               })

               })

         });

        </script>

    </body>

</html>


正在回答

2 回答

把div的css加上“position:absolute;”就可以了

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

Carson_成

弄错了,是先在title后面链接一个jq库。 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
2016-01-25 回复 有任何疑惑可以回复我~
#2

等風來丶 提问者 回复 Carson_成

谢谢,么么哒
2016-01-25 回复 有任何疑惑可以回复我~

可移动呀

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

举报

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

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

进入课程

我的为啥移不动?

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