Download
User Rating: 4.9/5 ( 1 votes)
jQuery Scrollbox is a lightweight plugin that enables you to scroll a list of html elements (text, image, etc...) like a carousel slider or traditional marquee.
Features
-
Simple and lightweight
-
Vertical and horizontal scroll
-
Auto play
-
Multiple instances on one page
-
Pause on hover over
-
Useful options to customize your list scrolling
-
Prev / Next navigation buttons
-
Queue container for advanced usages
Source: wmh.github.io
1. INCLUDE JS FILES
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.scrollbox.js"></script>
2. HTML
<div id="demo" class="scroll-text">
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
</div>
3. JAVASCRIPT
$('#demo').scrollbox();
4. OPTIONS
linear: false, // Scroll method
startDelay: 2, // Start delay (in seconds)
delay: 3, // Delay after each scroll event (in seconds)
step: 5, // Distance of each single step (in pixels)
speed: 32, // Delay after each single step (in milliseconds)
switchItems: 1, // Items to switch after each scroll event
direction: 'vertical',
distance: 'auto',
autoPlay: true,
onMouseOverPause: true,
paused: false,
queue: null,
listElement: 'ul',
listItemElement:'li'