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

求大神看下 为什么不行?

<!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>>
        <title>jQuery动画特效</title>
        <style type="text/css">
            #pt{
            	margin:200px;
            	background: red;
            	width: 100px;
            	height: 100px;
            }
            #ipt{
            	position: absolute;
            	top: 0;
            	left: 10;
            }
        </style>
    </head>
    
    <body>
    	<div id="pt"></div>
    	<div id="ipt">
	        <input type="button" value="向左" id="left" />
	        <input type="button" value="向右" id="right" />
        </div>
        
        <script type="text/javascript">
        $("#left").bind("click",function(){
			
			$("#pt").animate({left: "+=50px"},2000)
		})
		$("#right").bind("click",function(){
			
			$("#pt").animate({left:"-=50px"},2000)
		})
		
        </script>
    </body>
</html>


正在回答

2 回答

animate()是要在position:absolute下才起作用,你要移动的是#pt是吧,但是你#pt中没有position:absolute

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

同上!把你的#pt的“position”设置成“absolute”,应该就行了,注意与上左两边的间距

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

举报

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

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

进入课程

求大神看下 为什么不行?

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