ещё пример
<!DOCTYPE HTML>
<html>
<head>
<title>Сложная jquery анимация</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
jQuery(function( $ ){
var div=$( "div" );
div.css({
position: "fixed",
});
div.animate(
{
radius: 10000
},
{
duration: 10000,
step: function( r,fx ){
$(this).css({
top:Math.sin(r/500)*150+200,
left:Math.cos(r/500)*150+200
})
}
}
);
});
</script>
</head>
<body>
<div>Hello</div>
</body>
</html>