<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery.js" ></script>
</head>
<body>
<div style="width:200px;height:200px;background:green;position:relative;">
</div>
</body>
</html>
<script type="text/javascript">
//自定义动画
$('div').animate({'left':'500px'},5000,function(){
});
</script>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery.js" ></script>
</head>
<body>
<div style="width:200px;height:200px;background:green;position:relative;">
</div>
</body>
</html>
<script type="text/javascript">
//自定义动画
$('div').animate({'left':'500px'},5000,function(){
$(this).animate({'top':'200px'},2000);
$(this).fadeOut(3000);});
</script>