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
No comments:
Post a Comment
Please Comment Here!