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

为什么div没有一直右移或者左移呢,我并没有设置边界啊

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

<input id="btn1" type="button" value="左移"/>

<input id="btn2" type="button" value="右移"/>

<div style="border:3px solid red;width:130px;margin:100px;position: absolute">你点击我就动!</div>

</body>

<script type="text/javascript">

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

        $("div").stop();

        $("div").animate(

                {

                    left:"-=50px"

    },3000)

    });

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

        $("div").stop();

        $("div").animate(

                {

                    left:"+=50px"

    },3000)

    });

</script>

</html>


正在回答

3 回答

因为left:"-=50px"设置的左移距离为50,而不是无限制移动,当设置left:"-=200px"的时候,就会左移200px,已经移出页面外了,所以并不是界限的问题。

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

坏骇芓 提问者

非常感谢!
2016-07-11 回复 有任何疑惑可以回复我~

看不出来,但是你这个stop方法没有用处

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

你代码里面只设置一次移动50px,所以你点一次最好也只是移动50px,你点多几次,它就会移出边界了

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

举报

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

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

进入课程

为什么div没有一直右移或者左移呢,我并没有设置边界啊

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