vticker is a simple jQuery plugin for creating a vertical scrolling ticker widget with one line of javascript code. Items can be paused when the mouse hovers over an item.
Source: https://www.jqueryscript.net/text/jQuery-Vertical-Scrolling-Web-Ticker-Plugin-vticker.html
Basic Usage:
1. Inlcude jQuery library and jQuery vticker plugin on the web page
1 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
2 | <script src="jquery.vticker.js"></script> |
2. Create the html for the web ticker
1 | <div id="example"> |
2 | <ul> |
3 | <li>Item 1</li> |
4 | <li>Item 1</li> |
5 | <li>Item 3</li> |
6 | ... |
7 | </ul> |
8 | </div> |
3. Initialize the plugin.
1 | <script> |
2 | $(function() { |
3 | $('#example').vTicker(); |
4 | }); |
5 | </script> |
4. Available options.
01 | <script> |
02 | $(function() { |
03 | $('#example').vTicker({ |
04 | speed: 700, |
05 | pause: 4000, |
06 | showItems: 1, |
07 | mousePause:true, |
08 | height: 0, |
09 | animate:true, |
10 | margin: 0, |
11 | padding: 0, |
12 | startPaused:false}); |
13 | }); |
14 | </script> |
Source: https://www.jqueryscript.net/text/jQuery-Vertical-Scrolling-Web-Ticker-Plugin-vticker.html