Эффекты на основе Java Script

Скроллинг с управлением от кнопок

Text Scroller - Up \| Down Content One: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit viverra urna. Etiam sed ipsum. Quisque et urna. Praesent vehicula, libero non aliquet pretium, felis arcu luctus eros, ac semper quam turpis ut tellus. Maecenas eget pede ac nisi ultricies hendrerit. Etiam nec urna. Aliquam nec nisl. Nulla facilisi. Donec id est. Quisque faucibus ante sit amet nulla. Phasellus tempor arcu suscipit nunc. Sed convallis justo sit amet eros. In ullamcorper arcu feugiat arcu. Morbi convallis, risus id aliquet ornare, arcu arcu blandit erat, ac accumsan sem nunc facilisis tellus. Praesent pulvinar, ante id ultrices tincidunt, augue metus dignissim dolor, ut luctus elit nisi sed lorem. Phasellus tempor arcu suscipit nunc. Sed convallis justo sit amet eros. In ullamcorper arcu feugiat arcu. Morbi convallis, risus id aliquet ornare, arcu arcu blandit erat, ac accumsan sem nunc facilisis tellus. Praesent pulvinar, ante id ultrices tincidunt, augue metus dignissim dolor, ut luctus elit nisi sed lorem. Phasellus tempor arcu suscipit nunc. Sed convallis justo sit amet eros. In ullamcorper arcu feugiat arcu. Morbi convallis, risus id aliquet ornare, arcu arcu blandit erat, ac accumsan sem nunc facilisis tellus. Praesent pulvinar, ante id ultrices tincidunt, augue metus dignissim dolor, ut luctus elit nisi sed lorem. Phasellus tempor arcu suscipit nunc. Sed convallis justo sit amet eros. In ullamcorper arcu feugiat arcu. Morbi convallis, risus id aliquet ornare, arcu arcu blandit erat, ac accumsan sem nunc facilisis tellus. Praesent pulvinar, ante id ultrices tincidunt, augue metus dignissim dolor, ut luctus elit nisi sed lorem.	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<STYLE type=text/css> #wrapper {width:508px; margin:0 auto} /* кнопки управления / h2 {font-size:14px; margin:15px 0} .link {cursor:pointer; color:#ccc} .link:hover {color:#ff0000; text-decoration:underline;} / сам слайдер / .slider {position:relative; overflow:hidden; border:2px solid #ffffff; height:225px; background:#99aabb; margin-bottom:20px;width: 400px} .slidercontent {position:absolute} / содержимое слайдера */ .section {padding:10px; color: #000;} </STYLE> <script type="text/javascript"> // 2-а параметра определяющие скорость прокрутки var chastota =33; // частота продвижения var shag = 3; // шаг продвижения var prozrachn = 40; // прозрачность при скроллинге </script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/479/slider1.js"></script>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет скроллер.
	<h2>Text Scroller - <span class="link" onmouseover="scrollContent('textslider',-1)" onmouseout="cancelScroll('textslider')">Up</span> \| <span class="link" onmouseover="scrollContent('textslider',1)" onmouseout="cancelScroll('textslider')">Down</span></h2> <div class="slider"> <div class="slidercontent" id="textslider"> <div id="textsection-1" class="section"> <strong>Content One:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ullamcorper nibh vitae erat. Nunc hendrerit viverra urna. Etiam sed ipsum. Quisque et urna. Praesent vehicula, libero non aliquet pretium, felis arcu luctus eros, ac semper quam turpis ut tellus. Maecenas eget pede ac nisi ultricies hendrerit. Etiam nec urna. Aliquam nec nisl. Nulla facilisi. Donec id est. Quisque faucibus ante sit amet nulla. <br /><br />Phasellus tempor arcu suscipit nunc. Sed convallis justo sit amet eros. In ullamcorper arcu feugiat arcu. Morbi convallis, risus id aliquet ornare, arcu arcu blandit erat, ac accumsan sem nunc facilisis tellus. Praesent pulvinar, ante id ultrices tincidunt, augue metus dignissim dolor, ut luctus elit nisi sed lorem. <br /><br />Phasellus tempor arcu suscipit nunc. Sed convallis justo sit amet eros. In ullamcorper arcu feugiat arcu. Morbi convallis, risus id aliquet ornare, arcu arcu blandit erat, ac accumsan sem nunc facilisis tellus. Praesent pulvinar, ante id ultrices tincidunt, augue metus dignissim dolor, ut luctus elit nisi sed lorem. <br /><br />Phasellus tempor arcu suscipit nunc. Sed convallis justo sit amet eros. In ullamcorper arcu feugiat arcu. Morbi convallis, risus id aliquet ornare, arcu arcu blandit erat, ac accumsan sem nunc facilisis tellus. Praesent pulvinar, ante id ultrices tincidunt, augue metus dignissim dolor, ut luctus elit nisi sed lorem. <br /><br />Phasellus tempor arcu suscipit nunc. Sed convallis justo sit amet eros. In ullamcorper arcu feugiat arcu. Morbi convallis, risus id aliquet ornare, arcu arcu blandit erat, ac accumsan sem nunc facilisis tellus. Praesent pulvinar, ante id ultrices tincidunt, augue metus dignissim dolor, ut luctus elit nisi sed lorem. </div> </div> </div>
Задаём содержимое скроллера. В скроллер можно вставлять теги, т.е. можно задавать стили скролируемого содержимого, ссылки, формы, таблички и т.д..
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.