Minimal jQuery News Ticker Plugin - inewsticker

File Size: 35.9 KB
Views Total: 7781
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimal jQuery News Ticker Plugin - inewsticker

inewsticker is an easy lightweight jQuery news ticker plugin that comes with some useful options to customize the animations, font color/size, text direction, and more.

How to use it:

1. Add jQuery javascript and the inewsticker plugin before closing body tag.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="inewsticker.js"></script>

2. Create a list for the news ticker.

<ul class="demo">
<li> ... </li>
<li> ... </li>
<li> ... </li>
...
</ul>

3. Enable the news ticker.

<script>
$(document).ready(function() {
$('.demo').inewsticker();
});
</script>

4. Optional settings.

speed:200, // text change speed
effect:"fade", // fade, slide or typing
dir:"ltr", // ltr or rtl
font_size:null, // text font size
color:null, // text color
font_family:null, // text font family
delay_after:1000 //  text speed delay after

This awesome jQuery plugin is developed by progpars. For more Advanced Usages, please check the demo page or visit the official website.