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

正在回答

3 回答

<!DOCTYPE HTML>

<html>

    <head>

<meta charset="UTF-8">

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

<style type="text/css">

          #square{

               width:200px;

               height: 200px;

               background-color: black;

               margin-left: 400px;

  position:absolute;

  left:0;

  top:0;

          }


    

</style>

</head>

       <body>

<div id="square"></div>

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

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

<script type="text/javascript">

$(function(){

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

//alert("l");

$("#square").animate({

left: "-=50px"

},1000);

});

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

$("#square").animate({

left: "+=50px"

},1000);

});

});

</script>

</body>

</html>


0 回复 有任何疑惑可以回复我~
#square{
               width:200px;
               height: 200px;
               background-color: black;
               margin-left: 400px;
               position: relation;
          }


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

爱学习的亲亲亲 提问者

谢谢,解决了。~
2015-03-10 回复 有任何疑惑可以回复我~

#square加个position,relation/absolute都可以;

left:"+=50px",+=50px不要加空格。

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

爱学习的亲亲亲 提问者

请问一下在square前面加position是为什么呢。
2015-03-10 回复 有任何疑惑可以回复我~
#2

lymo 回复 爱学习的亲亲亲 提问者

不好意思,手快打错relative了,忽略下面的吧
2015-03-10 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

敢问为什么运行不了。

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