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

一旦切换移动按钮后,再点击原来的就没有效果

这是为什么。下面是代码:


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

    </head>

    <style>

        .gg{border:2px solid blue;

            width:150px;height:80px;

          

            position:relative; }

      

          

                  

     

    </style>  

    

    <body>

    <div class="gg"></div>

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

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

           

    </body> 

    <script> 

    $(function(){

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

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

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

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

             

    }  ) 

    </script>

</html>


正在回答

3 回答

笔误 应该是同时设置的话 right和bottom失效

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

$('#b1').bind('click',function(){
        $("#div").animate({right:'+=50px'},1000);
        }); 
         $('#b2').bind('click',function(){
        $("#div").animate({right:'-=50px'},1000);
         });  

建议不要同时使用right和left (如果left和right均使用将会出现兼容问题,一个对象设置了靠左left多少距离,自然右边距离自然就有了所以无需设置左边。)同时设置 则left属性失效 同理同时设置top和bottom属性则top属性失效

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

我也是同样的问题,你解决了吗?


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

qq_小白_7 提问者

@joy211 已解决
2015-08-13 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

一旦切换移动按钮后,再点击原来的就没有效果

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