Untitled


<!doctype html>
<html>
<head>
    <title>JQuerry Lernen</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

	<style type="text/css">

        #kreis{

            height:200px;
            width:200px;
            border-radius: 100px;
            background-color: green;
        }

	</style>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

</head>

<body>


    <div id = "kreis"></div>


    <script>

        $("#kreis").click(function(){

            $(this).animate({
                width:"300px",
                height:"300px",
                borderRadius: "150px",
                marginLeft:"100px",
                marginTop:"50px",
                backgroundColor:"red"

            },1500);

        });


    </script>

</body>
</html>