Well... I done it for one World of Warcraft server where I am web/core developer....
Simple script for kind of popup which shows on load of page...
here is example:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
ns4 = document.layers;
ie4 = document.all;
nn6 = document.getElementById && !document.all;
function showObject() {
if (ns4) {
document.n1.visibility = "show";
}
else if (ie4) {
document.all['n1'].style.visibility = "visible";
}
else if (nn6) {
document.getElementById('n1').style.visibility = "visible";
}
}
function hideObject() {
if (ns4) {
document.n1.visibility = "hide";
}
else if (ie4) {
document.all['n1'].style.visibility = "hidden";
}
else if (nn6) {
document.getElementById('n1').style.visibility = "hidden";
}
}
</script>
<title>Example</title>
<body onLoad="showObject();">
</head>
<body>
<div id="n1" style="position:absolute; z-index:1;" >
<table bgcolor="white" width=250 cellpadding=6 cellspacing=0
border=1 >
<tr>
<td>
<p><a href "http://www.pretbc.com/vote.php">Vote </a> for us and recieve a revards!</p>
<p> <a href="javascript:hideObject();">Close</a> </p>
</td>
</tr>
</table>
</div>
<div id="lipsum">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae augue neque. Nullam pellentesque, elit eu dictum gravida, risus velit ultrices libero, eget volutpat nisl metus in libero. Ut velit sapien, vulputate in elementum quis, interdum vitae nunc. Nam tristique, nulla quis rutrum molestie, mauris sem luctus lacus, a dignissim arcu odio a nulla. Duis nec quam non erat tincidunt fringilla id et eros. Vestibulum bibendum, augue id bibendum pulvinar, enim diam tempus eros, et imperdiet quam eros mattis velit. Fusce felis augue, eleifend eu pellentesque et, blandit in enim. Donec sed orci non justo interdum lacinia et a magna. Cras tincidunt leo sed mauris eleifend accumsan. Suspendisse consequat nisi nec mauris tempor vehicula. Morbi faucibus metus at justo suscipit at sodales arcu facilisis. Ut ut diam iaculis magna pellentesque dictum ut nec lectus. </p>
<p>Quisque bibendum vehicula tellus, at congue purus tristique vel. Nam ut ante sit amet sem suscipit lacinia sed nec tellus. Maecenas elit nulla, ultricies sit amet vulputate in, pretium condimentum libero. In ut leo ipsum. Vivamus semper feugiat mi, vitae iaculis turpis malesuada at. Nulla porta dui et odio consectetur posuere. Cras ut imperdiet odio. Phasellus nec risus lacus. Phasellus venenatis interdum ipsum sed malesuada. Sed volutpat augue nec erat faucibus vestibulum. Donec accumsan sollicitudin auctor. </p>
<p>Nulla facilisis egestas urna sit amet gravida. Morbi ultrices cursus aliquam. Nulla posuere pretium tristique. Donec justo eros, ultrices nec auctor vitae, malesuada vitae lectus. Aliquam erat volutpat. Donec euismod, est sed aliquet faucibus, arcu nulla placerat quam, vel tincidunt diam enim vestibulum mi. Nam et nibh eget est venenatis vestibulum nec egestas nulla. Nullam in purus non felis convallis imperdiet nec a turpis. Aliquam dignissim pharetra nisi, pretium fermentum sapien congue nec. Quisque tellus nisl, pulvinar non dictum sit amet, ultrices quis risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porttitor commodo pharetra. Nullam at euismod leo. Pellentesque sed libero non nisi semper semper ac ac sapien. Maecenas convallis scelerisque ante vel pharetra. </p>
<p>Nam venenatis quam eu velit porta consequat. Suspendisse faucibus lectus sed metus mattis ac tincidunt nunc volutpat. Nulla nibh tortor, tincidunt tincidunt scelerisque sed, malesuada a urna. Curabitur ante erat, accumsan a vestibulum at, iaculis id nulla. Donec sed odio at lectus euismod consectetur porttitor vitae elit. Pellentesque vestibulum porta leo eget eleifend. Morbi in dolor nec sapien sollicitudin gravida sit amet in metus. Praesent gravida massa nec tellus imperdiet vehicula. Sed ultrices ultricies risus, at consectetur dolor sagittis ac. Donec vitae lobortis lacus. Nam id lorem quis sapien varius gravida euismod sit amet lectus. Mauris facilisis odio sit amet libero tristique et venenatis nunc adipiscing. Nam vel metus nec massa cursus imperdiet at quis augue. Nulla ultricies lacus a quam auctor id consequat velit iaculis. Morbi eget eros lacus. Aenean sit amet blandit nunc. Vestibulum eu diam mauris, nec lacinia sapien. </p>
<p>Praesent scelerisque tortor et neque dapibus sit amet vulputate purus tincidunt. Vivamus ultrices enim in velit posuere eget ultricies ligula lobortis. Morbi ac ipsum vel ipsum semper scelerisque id mollis magna. Suspendisse vulputate sagittis mi sed commodo. Sed quis auctor nibh. Maecenas laoreet, tellus at dapibus suscipit, arcu metus tincidunt tortor, pulvinar dapibus diam velit vel lacus. Maecenas convallis ante sit amet velit vehicula mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ultricies fringilla vestibulum. Aenean consectetur dolor vel lacus porta tincidunt. Duis ullamcorper nulla quis orci varius ullamcorper at id est. Pellentesque sagittis consectetur volutpat. Vestibulum ut diam nec leo laoreet scelerisque. Donec eu dui lectus. </p>
</div>
</body>
</html>
Hof stuff works?
Well, in base, we have two JS functions, one for showing, other for hiding particular div tag... First is executed on load, other is executed when you press close button... script only regulating visibility of div... pretty simple and optimized solution

If any1 have some question, feel free to ask