Simple Jquery Popup on page load

This is a tutorial of very usefull and <strong>simple Jquery Popup on page load</strong>.Just copy and paste this code in your web design and enjoy this popup. You may customize this popup as according to your need

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<div class="center">
<div id="popup">
<br/><a href="https://99designs-5b452de295cab.jimdofree.com"><h1>CLICK HERE TO WATCH OUR INTRO</h1></a>
</div>
</div>

CSS

#popup
{
	width:560px;
	height:360px;
	background:#fff;
	color:#fff;
	padding:20px;
	position:absolute;
	top:-100px;
	left:50%;
	margin-top:-500px;
	margin-left:-250px;
}
#popup h1
{
	margin:0px;
	padding:0px;
}

JavaScript

$(document).ready(function(e) {
        $('#popup').animate({"top":"50%","marginTop":"-300px"},500);
    });