Самое простое всплывающее окно

<script>
$(document).ready(function() {
setTimeout ("$('#div1').show('drop');", 1000);
setTimeout ("$('#div1').hide('drop');", 3000);
});
</script>

Или (отличаются эффектами.):

<script>
$(document).ready(function() {
setTimeout ("$('#div1').fadeIn('fast');", 1000);
setTimeout ("$('#div1').fadeOut('slow');", 3000);
});
</script>

HTML

<div id='div1' style="display: none; position:absolute; top:50%; left:30%; background-color: grey; border: 1px solid lightblue; width: 450px; padding: 10px;">Содержание</div>

 Пояснения:

div1 - id блока, который мы будем показывать и прятать

show или fadeIn - это наш "эффект" с которым будет появляться скрытый div

hide или fadeOut - это то как он будет прятаться

1000 - это задержка в миллисекундах (1000 - это одна секунда) момента появления всплывающего окна после загрузки страницы

3000- это задержка момента, когда мы будем скрывать окно. Т.е. при таком раскладе (1000\3000) окно "провисит" 2 секунды.

 

 

Ссылки и благодарности

Источник: http://snipcode.ru/catalog.html?snipid=28