<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="C:\Users\admin\Desktop\123\jq\jquery-2.1.4.js">
</script>
<style type="text/css">
#dom1{
position: relative;
width: 100px;
height: 100px;
cursor: pointer;
border: 1px solid #000000;
background: #008800;
}
</style>
<script>
$(document).ready(function(){
$("#dom1").hover(function(){
$(this).animate({left:'500px'},1000)
.animate({height:'300px'},3000);
}),function(){
$(this).animate({left:'500px'},1000,function()
{
$(this).css('background','yellow');
});
});
});
</script>
</head>
<body>
<div id="dom1">
</div>
</body>
</html>

本人JQ新手，希望各位能讲解一下我哪里写错了？

hover里面第一个function最后的那个）去掉