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

Вернуться в каталог >>>

Вертикальный скроллинг со сменой направления

Вверх \| Вниз KPBshablon Сайт посвящен современным, креативным дизайнам и их шаблонам для движка UCOZ. Смотреть сайт WebKPB На сайте представлена большая коллекция Flash различного назначения. Смотреть сайт KPBwebStudio Это моя WEBстудия. Сайт сделан полностью по Flash технологии. Смотреть сайт	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<script type="text/javascript"> var scrollperiod = 20 // период шагов скроллинга var scrollStep = 1 // размер шага скроллинга </script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/483/skrol_so_smen_naprawl.js"></script> <style> /* Общий стиль скроллинга / #display {width:200px; height:150px; overflow:hidden; text-align:left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 2px solid #000; color: #000;} / стиль информационного блока / #display div {border-bottom: #550000 1px solid; padding: 5px;} / стиль ссылок информационного блока / #display div a {color: #006644;} / стиль картинки в информационном блоке */ #display div img {float: left; margin-right: 5px;} </style>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет скроллинг.
<!-- ссылки управления --> <div style="margin-bottom: 5px; padding-left: 118px;"> <a href="#null" onmouseover="scrollDivDown('display')" onmouseout="stopMe()">Вверх</a> \| <a href="#null" onmouseover="scrollDivUp('display')" onmouseout="stopMe()">Вниз</a> </div> <!-- контейнер скроллинга --> <div id="display"> <!-- блок скроллинга --> <div style="background: #aaaaaa;"><a href="http://kpbshablon.ucoz.ru" target="_blank" title="Открыть сайт KPBshablon"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/483/2.png"></a> <strong>KPBshablon</strong><br> Сайт посвящен современным, креативным дизайнам и их шаблонам для движка UCOZ.<br><a href="http://kpbshablon.ucoz.ru" target="_blank" title="Открыть сайт KPBshablon">Смотреть сайт</a></div> <div style="background: #cccccc;"><a href="http://webkpb.ucoz.ru" target="_blank" title="Открыть сайт WebKPB"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/483/2.png"></a> <strong>WebKPB</strong><br> На сайте представлена большая коллекция Flash различного назначения.<br><a href="http://webkpb.ucoz.ru" target="_blank" title="Открыть сайт WebKPB">Смотреть сайт</a></div> <div style="background: #aaaaaa;"><a href="http://kpbwebstudio.narod.ru" target="_blank" title="Открыть сайт KPBwebStudio"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/483/2.png"></a> <strong>KPBwebStudio</strong><br> Это моя WEBстудия. Сайт сделан полностью по Flash технологии.<br><a href="http://kpbwebstudio.narod.ru" target="_blank" title="Открыть сайт KPBwebStudio">Смотреть сайт</a></div> </div>
Основное подписано, остальное, думаю, дополнительных пояснений не требует.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.