Плавное изменяющееся окно как ротатор объявлений, но уже другого типа
страница с живым примером Установка:
подключаем библиотеку jquery то есть вставляем данный скрипт вызова в < head >
Code
<script type="text/javascript" src="http://ucozon.ru/SCRIN5/jquery.js"></script>
данный код вставляем в любое место где хотим видеть окно с объявлениями например как показано в примере http://ucozon.ru
Code
<div align="center">
<fieldset style="width:200px;"><legend><span style="display: inline; opacity: 0.608482;"><b>Объявления</b></span></legend>
<div align="center">
<b style="display: inline; opacity: 0.608482;" id="message_top">Внимание, уважаемые пользователи сайта www.ucozon.ru!</b>
</div></fieldset></div>
<script language="javascript">
var mess_tab = new Array();
var next = 1;
mess_tab[1] = 'Внимание, уважаемые пользователи сайта www.ucozon.ru!';
mess_tab[2] = 'Добро пожаловать на сайт видео уроков www.ucozon.ru';
mess_tab[3] = 'Мы предлогаем вам обширный каталог все возможных скриптов от www.ucozon.ru';
mess_tab[4] = 'Любую информацию с удовольствием предоставят модераторы и админы сайта www.ucozon.ru.';
mess_tab[5] = 'С уважением, администрация www.ucozon.ru.';
function slideSwitch(){
if(next == 5) next = 0;
next = next + 1;
$("#message_top").fadeOut(700, function () {
$('#message_top').text(mess_tab[next]).fadeIn(700);
});
}
$(function() {
setInterval( "slideSwitch()", 4000 );
});
</script>
настройка под свои нужды
width:200px ширина бока
5 сообщений которые будут выводится изменяем под свой
Code
mess_tab[1] = 'Внимание, уважаемые пользователи сайта www.ucozon.ru!';
mess_tab[2] = 'Добро пожаловать на сайт видео уроков www.ucozon.ru';
mess_tab[3] = 'Мы предлогаем вам обширный каталог все возможных скриптов от www.ucozon.ru';
mess_tab[4] = 'Любую информацию с удовольствием предоставят модераторы и админы сайта www.ucozon.ru.';
mess_tab[5] = 'С уважением, администрация www.ucozon.ru.';
Code
"slideSwitch()", 4000
скорость плавности в м-сек