Эффекты на основе Java Script, jQuery и т.д.

Автоматичекий скроллер сообщений с кнопкой "Пауза"

Пауза 5/04/2008: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit viverra urna. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit viverra... details here 5/02/2008: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit viverra urna. Maecenas ullamcorper... details here 4/30/2008: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit viverra urna. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit... details here	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<STYLE type=text/css> /* контейнер ссылок управления / h2 {font-size:14px; margin:5px 0; padding-left: 265px;} / ссылки управления / .link {cursor:pointer; color:#00ffff} .link:hover {color:#fff;} / скроллер в целом / .newsslider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:115px; width:300px; background:#eef5f6; margin-bottom:20px} / контейнер информации / .newsslidercontent {position:absolute} .newsslidercontent .upper {border-bottom:1px solid #aaaaaa} / секция информации */ .newssection {padding:10px; height:100px} </style> <script type="text/javascript"> var SLIDETIMER = 30; // частота шагов скроллинга var SLIDESPEED = 3; // шаг скроллинга var STARTINGOPACITY = 40; // прозрачность при скроллинге </script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/481/slider1.js"></script>
	Всё подписано, проблем быть не должно.
	В сам тег <BODY> вставляем атрибут
onload="autoScroll('newsslider','newssection',5,true)"
Здесь запускаем функцию autoScroll после полной загрузки странички. Мнемоника параметров: ('class скроллера, у нас newsslider','class секции, у нас newssection',интервал смены сообщений в сек., true-скролл включен, false-выключен)
Внутри тега <BODY> - </BODY> там где у Вас будет скроллер.
<!-- контейнер с ссылкой управления --> <h2><span class="link" onmouseover="cancelAutoScroll('newsslider')" onmouseout="autoScroll('newsslider','newssection',5,true)">Пауза</span></h2> <!-- скроллер --> <div class="newsslider"> <!-- контейнер секций информации --> <div class="newsslidercontent" id="newsslider"> <!-- секции информации --> <div id="newssection-1" class="newssection upper"> <strong>5/04/2008:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit viverra urna. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit viverra... <a href="#">details here</a> </div> <div id="newssection-2" class="newssection upper"> <strong>5/02/2008:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit viverra urna. Maecenas ullamcorper... <a href="#">details here</a> </div> <div id="newssection-3" class="newssection"> <strong>4/30/2008:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit viverra urna. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit... <a href="#">details here</a> </div> </div> </div>
Основное всё подписано. Остальное всё просто и, думаю, дополнительных пояснений не требует. Колличество секций информации в скроллере на Ваше усмотрение. В секции можно вставлять любые теги, т.е. всё что Вам нужно.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.