Главная » 2012 » Июль » 5 » Рекламное самоисчезающее окно (Скрипты для ucoz)
05.07.2012, 20:51

Рекламное самоисчезающее окно




Окно для контекстной рекламы с помощью jQuery и CSS3...
Первым делом, подключим jQuery:

Code
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>


Далее прописываем javascript-код, позволяющий нам использовать нужные функции jQuery:

Code

<script type="text/javascript">  
  setTimeout(function(){$('.box').fadeOut('fast')},10000); //30000 = 30 секунд  
  </script>


Осталось только написать CSS (отдельно в тегах style либо в подключаемом файле css)

Code
.box a:link {color:#F4FF74;text-decoration:none}  
  .box a:hover {text-decoration:underline;}  
  .box {position: fixed; bottom:0px; right:15px; padding:10px; color:#fff;font-family:tahoma;font-size:11px;font-family:tahoma;font-size:11px;text-align:left; margin-bottom:17px; width:300px; background:url('http://bolena.3dn.ru/images/layer_bg.png'); padding:7px; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);}


Ну и пишем html код рекламы:

Code
<div class="box">  
  <span style="font-size:12px;color:#eee"><b>Через 10 секунд эта реклама исчезнет</b></span>  
  <div style="margin:5px">КОД РЕКЛАМЫ</div>  
  <span style="font-size:10px;color:#888">Если не желаете видеть рекламу - зарегистрируйтесь!</span>  
  </div>

КОД РЕКЛАМЫ - заменяем на свой рекламный код (tak.ru или т.п.)
Материал взят с сайта infoscript.ru
Теги: Скачать Рекламное самоисчезающее окно
Скачать "Рекламное самоисчезающее окно"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 1185 | Добавил: sold93 | Рейтинг: 4.5/2 |
Всего комментариев: 1
+1  
1 Vector   (09.07.2012 06:38) [Материал]
Аватар пользователя
Лучше вместо
Code
<span style="font-size:12px;color:#eee"><b>Через 10 секунд эта реклама исчезнет</b></span>


Вставить реальный отсчет времени
Code
<div style="color: white">
Реклама исчезнет через : <span id="secondsLeft"></span>
<script language="javascript">
var counter=10;
var t;
function downCounter()
{
counter=counter-1;
var elem=document.getElementById('secondsLeft');
elem.innerHTML=counter;
if (counter==0)
{
elem.innerHTML="конец!"
} else
{
clearTimeout(t);
t=setTimeout("downCounter()", 1000);
}
return false;
}
downCounter();
</script>

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]