thatsus / scroll-box
Installs: 59
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 4
Forks: 0
Open Issues: 0
Language:HTML
This package is not auto-updated.
Last update: 2024-11-13 19:30:21 UTC
README
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
Basic Usage
1. Include the latest jQuery library and jQuery Scrollbox Plugin on the page
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.scrollbox.js"></script>
2. Create a list of text you want to scroll
<div id="demo" class="scroll-text"> <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> </div>
3. Style html elements as below
4. Initialization
$('#demo').scrollbox();
Demos
http://wmh.github.io/jquery-scrollbox/
More examples
Non-infinite Loop
$('#demo').scrollbox({ infiniteLoop: false, switchAmount: 3 });
Callback functions
$('#demo').scrollbox({ afterForward: function (data) { console.log(data.currentFirstChild); if (data.switchCount >= 3) { this.trigger('backward'); } }, afterBackward: function (data) { console.log(data); } });
License
jQuery Scrollbox is open-sourced software licensed under the MIT license