<!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>
2016-05-26
animate()是要在position:absolute下才起作用,你要移動的是#pt是吧,但是你#pt中沒有position:absolute
2016-05-26
同上!把你的#pt的“position”設置成“absolute”,應該就行了,注意與上左兩邊的間距