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

为什么点击按钮“左移”“右移”之后,第二次就没有效果了呢

代码如下:

<!DOCTYPE html>

<html>

    <head>

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

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

        <link href="style.css" rel="stylesheet" type="text/css"/>

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

    </head>

    

    <body>

        <button id="btn1">左移</button>

        <button id="btn2">右移</button>

        <div>77</div>

        <script type="text/javascript">

         $("div").css({"position":"absolute"});

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

                $("div").animate({right: "+50px"},3000);

            })

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

                $("div").animate({left:"+50px"},3000);

            })

        </script>

        

    </body>

</html>


正在回答

1 回答

+50px每执行一次在原始位置加50所以不会变动,改为+=50px会每次增加50。

你还有一个其他的问题就是你的左移实现不了,因为没有定义div的right 。  并且你这 都是+50px。。。。。  

问问题之前也稍微认真一点吧,太马虎了可没有人回答你!对平台的同学和老师都尊重些

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

水冰寒子 提问者

很感谢你的回答。请问我问问题哪里不认真?!对平台的同学和老师哪里不尊重了?!敬请告知,这么大的锅我可背不动!
2016-07-06 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

为什么点击按钮“左移”“右移”之后,第二次就没有效果了呢

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