Представляем вам очень красивый и оригинальный скрипт.
Работа данного скрипта заключается в том, чтобы, сверху вниз "упало" красиво оформленное сообщение о просьбе зарегистрироваться или же войти на сайт под своим логином, а через 3 секунды это сообщение становится красным. Исчезает же оно через 30 секунд точно так же, как и появилось (быстро и красиво)
Установка: Скрипт нужно поставить на нужной вам странице после тега :
Код
<style> .ls2 {z-index: 100;border:2px solid #fec4c4 !important;background:#fee4e3 !important;} #ls {z-index: 100;overflow:hidden;padding:10px;border:2px solid #ddd;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;background:#f2f2f2;position:fixed;right:30px;top:-80px;-moz-box-shadow:0px 0px 3px #bdbdbd;box-shadow:0px 0px 3px #bdbdbd;-webkit-box-shadow:0px 0px 3px #bdbdbd;} </style> <script> $(document).ready( function(){ setTimeout( function(){ $('#ls').animate({top:'+=490'},450);},1000 ); setTimeout( function(){ $('#ls').addClass('ls2');},3000 ); setTimeout( function(){ $('#ls').animate({top:'-=490'},450);},30000) } ) </script> <div id="ls"> <span style="color:gray">Здравствуйте, <b>Гость</b>!<br>Мы просим вас <b><a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><span style="color:gray">войти</span></a></b> или <b><a href="/index/3"><span style="color:gray">зарегистрироваться</span></a></b> у нас на сайте.</center> </span> </div>
Настройка скрипта:
Как вы наверное уже заметили, скрипт разделен на 3 части.
Первая часть отвечает за визуальное оформление и размещение окошка на экране.
Вторая часть отвечает за плавное появление окошка и время для действий:
Код
$('#ls').animate({top:'+=490'},450);},1000
Код
$('#ls').addClass('ls2');},3000
Код
$('#ls').animate({top:'-=490'},450);},30000)
Обратите внимание на выделенные красным цифры!
Для начала, значение 1000 = 1 секунде.
Код под цифрой (1), отвечает за время, через которое должно появится окошко.
Код под цифрой (2), отвечает за время, через которое окошко становится красным цветом.
Код под цифрой (3), отвечает за время, через которое окошко должно исчезнуть.
И наконец, третья часть отвечает за содержимое окна, то есть текст.
Войдите на сайт или Зарегистрируйтесь