Главная » Файлы » Прочие скрипты » jQuery

Вертикально скроллирующий контент в блоке заданного размера с возможностью прокручивания колёсиком мыши на jQuery
23.06.14, 09:32:13

Скачать файл




Данный плагин заставляет любой контент прокручиваться с указанной скоростью в блоке указанного размера. При наведении курсора на прокручивающийся контент он останавливается. К тому же контент можно прокручивать и колёсиком мыши

Для начала посмотрите ДЕМО (Самый нижний пример)

Установка:

После /head на нужных страницах вставляйте:
Код
<script src="/js/turboTicker.JQuery.js" type="text/javascript"></script>


Следующий код в то место, где будет сам блок с контентом:
Код
<div id="runner1" style="height: 150px;width:200px;">
  Здесь любой ваш контент  
  </div>

  <script>
$("#runner1").ticker(10, true, true);  
  </script>


Здесь у нас:

1) id="runner1" style="height: 150px;width:200px;"
id="runner1" - уникальный id прокручиваемого контента (Для каждого нового блока должен быть свой)
height: 150px - высота блока, в котором будет прокручиваться контент
width:200px - ширина блока, в котором будет прокручиваться контен

2) $("#runner1").ticker(10, true, true);
#runner1 - id блока, который будет обрабатываться данным скриптом
10 - Скорость прокрутки контента
true, true - указывает на то, что прокрутка останавливается при наведении курсора и есть возможность прокрутки колёсиком мыши

Остаётся лишь залить скрипт из прикреплённого архива в папку js

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: возможностью, размера, колёсиком, заданного, прокручивания, скроллирующий, вертикально, блоке, контент, мыши
Просмотров: 201 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: