Simple Popup with Css and Jquery

Css Code

.popup
{
position:absolute;
z-index:999;
width:280px;
height:280px;
top:50%;
left:50%;
margin-top:-150px;
margin-left:-130px;
background:#eee;
border:solid 1px #ccc;
text-align:center;
padding:10px;
box-shadow:0px 0px 10px #999;
display:none;
}

Jquery Code

HTML Code

Click me to close popup
Click me to open popup

Download File Used in this example