哪里错了啊，大神指教指教。哭哭
<!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">
#haha{
position:absolute;
left:200px;
top:50px;
width:80px;
height:80px;
border: solid 1px #ccc;
margin: 0px 8px;
background-color: Red;
color:White;
vertical-align:middle}
</style>
</head>
<body>
<input id="button1" type="button" value="左移" >
<input id="button2" type="button" value="右移">
<div id="haha"></div>
<span></span>
<script type="text/javascript">
$("#button1").bind("click", function () {
$("#haha").animate({
left:"-=50px"
}, 3000, function (){
$("span").html("执行左移完成!")
})
});
$("#button2").bind("click", function () {
$("#haha").animate({
left:"+=50px"
}, 3000, function (){
$("span").html("执行右移完成!")
})
});
</body>
</html>
