Вернуться на предыдущую страницу

Прокрутка текста jQuery

Тебе необходимо сделать контейнер с прокруткой текста и картинок? Не проблема, вместе с FlexCroll ты решишь данную задачу.

Иногда у web-мастеров возникают ситуации, когда им нужно привлечь внимание своих посетителей к определенным местам на странице, которые обычно остаются без него. Именно в этот момент на помощь приходит плагин БЕЗ использования jQuery, который позволяет применить свою полосу прокрутки и делает текст прокручиваемым, а при наведении указателя мыши, прокрутка останавливается и пользователь может прочитать нужный ему кусочек текста или весь текст.

Для того, чтобы заинтересовать своего пользователя и дать ему возможность увидеть определенный текст, используй представленный плагин. Его очень легко установить и подключить к любой html странице.

1. Добавим стили:

<link href="/tutorsty.css" rel="stylesheet" type="text/css" />
<link href="/flexcrollstyles.css" rel="stylesheet" type="text/css" />

2. Добавим JS:

<script type='text/javascript' src="/flexcroll.js"></script>
<script type='text/javascript' src="/flexticker.js"></script>

3. Используем контейнер с id mycustomscroll и class flexcroll:

<div id='mycustomscroll' class="flexcroll">
<div class="emptyspace"></div>
<div class='lipsum'>
<p>ТЕКСТ С HTML БЕЗ ПОЛОСЫ ПРОКРУТКИ</p>
</div>
<div class="emptyspace"></div>
</div>
</div> <div id='mycustomscroll2' class="flexcroll"><div class='lipsum'>
<p>ТЕКСТ С HTML С ПОЛОСОЙ ПРОКРУТКИ</p>
</div>
</div>
FlexCroll прокрутка

Файлы FlexCroll прокрутка:

Скачать файл 1
DEMO