<!DOCTYPE html><html>
<head>
<title>jQuery</title> <script src="jquery.min.js" type="text/javascript"></script> <style type="text/css"> #circle { width: 150px; height: 150px; border-radius: 50%; background-color: green; margin: 10px; }
</style>
</head>
<body> <div id = "circle"></div> <script type="text/javascript"> $("#circle").click(function(){ $(this).animate({ width:"400px", height : "400px", marginLeft : "100px", marginTop : "100px", }, 2000,function(){
$(this).css("background-color", "red");
});
});
</script>
</body>
</html>