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

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

Ручной переключатель-скроллер информационных блоков

<<<

>>>

каждый охотник желает знать где сидит фазан

1-каждый

2-охотник

3-желает

4-знать

5-где

6-сидит

7-фазан

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

Всё подписано, проблем быть не должно.

Внутри тега <BODY> - </BODY> там где у Вас будет переключатель.

<div style="width: 360px; font-size: 20px;">
<div style="" onclick="move (-1)"><<<</div>
<div style="float: right; margin-top: -25px;" onclick="move (1)">>>></div> 
</div>
 
<div id="in" style="width: 360px; overflow: hidden; border: 1px solid red; text-align: left;">

<div><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/perekluchat/180/2.png" style="float: left;">каждый охотник желает знать где сидит фазан</div>

<div style="background-color:    red; text-align: center; line-height: 100px;">1-каждый</div>
<div style="background-color: orange; text-align: center; line-height: 100px;">2-охотник</div>
<div style="background-color: yellow; text-align: center; line-height: 100px;">3-желает</div>
<div style="background-color:  green; text-align: center; line-height: 100px;">4-знать</div>
<div style="background-color:   aqua; text-align: center; line-height: 100px;">5-где</div>
<div style="background-color:   blue; text-align: center; line-height: 100px;">6-сидит</div>
<div style="background-color: violet; text-align: center; line-height: 100px;">7-фазан</div>
</div>

Основное всё подписано. Остальное проблем вызвать не должно. Калличество информационных блоков и их видимое количество на Ваше усмотрение. В информационные блоки можно вставлять любые теги, т.е. размещать в них всё что Вам нужно.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.