Подскажите как сделать вывод маленького окошка

Rolec
На сайте с 13.08.2012
Offline
103
351

Подскажите пожалуйста, как сделать вывод маленького окошка слева внизу с обратным таймером по истечении которого появляется ссылка как тут ?

Нужно что-то типа такого:

<div id="link">Ссылка будет доступна через <span id="time">20 секунд</span></div> <script type="text/javascript"> 

var time_left = 20;
var link = "http://google.ru/";

var Timer = setInterval(function() {

time_left--;
if (time_left == 0) {
clearInterval(Timer);
document.getElementById('link').innerHTML = "<a href='"+link+"'>Ссылка</a>";
} else {
document.getElementById('time').innerHTML = time_left+" секунд";
}

}, 1000);

</script>

и этого:

<script type="text/javascript">function closeBox(toClose) {document.getElementById(toClose).style.display = "none";}</script> 


<style type="text/css">div.guestwarn {background:black;color:white;max-width:280px;min-height:18px;padding:0 5px 3px;position:fixed;left: 1%;top: 90%;padding: 10px 15px;position: fixed;z-index: 10;font-size:12px;-moz-border-radius: 8px; -webkit-border-radius: 8px; filter:alpha(opacity=88); -moz-opacity:.88; opacity:.88; -moz-box-shadow:5px 5px 5px #191919; -webkit-box-shadow:5px 5px 5px #191919; box-shadow:5px 5px 5px #191919;}
.close {float: right;background: transparent url(http://i44.servimg.com/u/f44/16/54/26/99/x10.png);width: 22px;height: 22px;}</style>
<div id="message-1" class="msgbox" style="display: block;"><div class="guestwarn">

<a href="#" class="close" onclick="closeBox('message-1'); return false;" title="Закрыть"></a> Ну, заходи, гостем будешь! Если ты читаешь этот текст, значит тебе пора зарегистрироваться. <a href="/register">Жми эту надпись</a>, чтобы зарегистрироваться и начать полноценно пользоваться нашим форумом!</div></div>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий