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

做的最简单的移动动不了


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

    

    <body>

    <div>

        我会移动,^_^

    </div> 

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

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

    <script type="text/javascript">

        $(function(){

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

                $("div").animate({left:"-=100px"},100);

            });

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

                $("div").animate({left:"+=100px"},100);

            })

            })

    </script>

    </body>

</html>



正在回答

1 回答

问题已解决,是没加position属性的问题

在移动位置之前,必须将被移元素的“position”属性值设为“absolute”或“relative”,否则,该元素移动不了。

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

源ying

为什么呢
2015-08-29 回复 有任何疑惑可以回复我~
#2

丨丨丨丨丨 提问者 回复 源ying

布局方式选相对布局才会移动
2015-09-01 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

做的最简单的移动动不了

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