代码bug,求运行。。。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery动画特效</title>
</head>
<style type="text/css">
span{
position: absolute;
width: 80px;
height: 80px;
border: solid 1px #ccc;
margin: 0px 8px;
background-color: Red;
color: White;
vertical-align: middle;
margin-left: 100px;
}
</style>
<body>
<input id="button1" type="button" value="左移50px" />
<input id="button2" type="button" value="右移50px" /><br/>
<span></span>
<script type="text/javascript">
$(function(){
$("#button1").bind("click",function(){
$("span").animate({left: "+=50px"},2000);
});
$("#button2").bind("click",function(){
$("span").animate({right: "+=50px"},2000);
});
});
</script>
</body>
</html>
