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

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

Вертикальный ручной Скроллер-переключатель

Начало(1) \| 2 \| 3 \| 4 \| Конец(5) - Вниз \| Вверх Здравствуйте!!! Я Вам раскажу немного о своём проекте. На данный момент мой проект состоит из 4-х тематических сайтов. SkriptKPBstudio - посвящен JavaScript, jQuery, CSS и т.д. WebKpb - посвящен Flash различного назначения. KPBshablon - посвящен дизайнам и их шаблонам для движка UCOZ. KPBwebStudio - моя WEBстудия. Сайт SkriptKPBstudio Это сайт на котором Вы находитесь сейчас. Он посвящен JavaScript, jQury, CSS и т.д. Все скрипты и эффекты можно посмотреть в работе. Все скрипты можно скачать бесплатно. Ко всем есть инструкция по установке. Сайт WebKpb Посвящен Flash различного назначения. Каждую Flash можно посмотреть в работе. К каждой Flash есть исходник. Для удобства работы все Flash находятся в тематичеком каталоге. Сайт KPBshablon Посвящен современным, креативным дизанам. Дизайны имею различную структуру, организацию и компановку. Ко многим дизайнам есть шаблоны для установки их на движке UCOZ. Сайт KPBwebStudio Это моя WEBстудия. Здесь Вы можете посмотреть некоторые мои работы. Ознакомиться с перечнем оказываемых мною услуг и ценами на нич. Сайт сделан полностью по Flash технологии.	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<STYLE type=text/css> /* контейнер ссылок управления / h2 {font-size:14px; margin:15px 0} / стиль ссылок управления / .link {cursor:pointer; color:#00ffff;} .link:hover {color:#fff;} / стиль скроллера-переключателя в целом / .slider {position:relative; overflow:hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border:2px solid #aaaaaa; height:225px; background:#eef5f6; margin-bottom:20px; width: 300px; color: #000;} / сонтейнек информации / .slidercontent {position:absolute} .slidercontent .upper {border-bottom:1px solid #9ac1c9} / секция контейнера */ .section {padding:10px} .section img {float: left; margin-right: 5px;} </style> <script type="text/javascript"> var SLIDETIMER = 2; // интервал скроллинга при переходе var SLIDESPEED = 4; // шаг скроллинга при переходе var SCROLLTIMER = 30; // интервал скроллинга при скроллинге var SCROLLSPEED = 1; // шаг скроллинга при скроллинге var STARTINGOPACITY = 40; // прозрачность содержимого модуля при скроллинге </script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/480/slider1.js"></script>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет скроллер-переключатель.
<h2> <!-- ссылки-кнопки управления --> <span class="link" onmousedown="slideContent('section-1')">Начало(1)</span> \| <span class="link" onmousedown="slideContent('section-2')">2</span> \| <span class="link" onmousedown="slideContent('section-3')">3</span> \| <span class="link" onmousedown="slideContent('section-4')">4</span> \| <span class="link" onmousedown="slideContent('section-5')">Конец(5)</span> - <span class="link" onmouseover="scrollContent('slider',-1)" onmouseout="cancelScroll('slider')">Вниз</span> \| <span class="link" onmouseover="scrollContent('slider',1)" onmouseout="cancelScroll('slider')">Вверх</span></h2> <!-- скроллер-переключатель --> <div class="slider"> <!-- контейнер --> <div class="slidercontent" id="slider"> <!-- секция контейнера --> <div id="section-1" class="section upper"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/480/2.png"> <b>Здравствуйте!!!</b><br>Я Вам раскажу немного о своём проекте. На данный момент мой проект состоит из 4-х тематических сайтов.<br><b>SkriptKPBstudio</b> - посвящен JavaScript, jQuery, CSS и т.д.<br><b>WebKpb</b> - посвящен Flash различного назначения.<br><b>KPBshablon</b> - посвящен дизайнам и их шаблонам для движка UCOZ.<br><b>KPBwebStudio</b> - моя WEBстудия.</div> <div id="section-2" class="section upper"><a href="http://skriptkpbstudio.ucoz.ru" target="_blank" title="Перейти на сайт"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/480/2.png"></a> Сайт <b>SkriptKPBstudio</b><br>Это сайт на котором Вы находитесь сейчас. Он посвящен JavaScript, jQury, CSS и т.д. <br>Все скрипты и эффекты можно посмотреть в работе. <br>Все скрипты можно скачать бесплатно. <br>Ко всем есть инструкция по установке.</div> <div id="section-3" class="section upper"><a href="http://webkpb.ucoz.ru" target="_blank" title="Перейти на сайт"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/480/2.png"></a> Сайт <b>WebKpb</b><br>Посвящен Flash различного назначения. <br>Каждую Flash можно посмотреть в работе. <br>К каждой Flash есть исходник. <br>Для удобства работы все Flash находятся в тематичеком каталоге.</div> <div id="section-4" class="section upper"><a href="http://kpbshablon.ucoz.ru" target="_blank" title="Перейти на сайт"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/480/2.png"></a> Сайт <b>KPBshablon</b><br>Посвящен современным, креативным дизанам. Дизайны имею различную структуру, организацию и компановку. <br>Ко многим дизайнам есть шаблоны для установки их на движке UCOZ.</div> <div id="section-5" class="section"><a href="http://kpbwebstudio.narod.ru" target="_blank" title="Перейти на сайт"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/skroling/scr_wert/480/2.png"></a> Сайт <b>KPBwebStudio</b><br>Это моя WEBстудия. Здесь Вы можете посмотреть некоторые мои работы. Ознакомиться с перечнем оказываемых мною услуг и ценами на нич.<br>Сайт сделан полностью по Flash технологии.</div> </div> </div>
Основное всё подписано. Остальное всё очень просто, думаю дополнительных пояснений не потребуется. Солличество секций в скроллере-переключателе на Ваше усмотрение. В секции можно вставлять любые иеги, т.е. всё что Вам нужно.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.