🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

News Ticker is a simple jQuery plugin for creating a cross-browser news ticker widget with a simple fade-in text rotating effect.

text-rotator news-ticker

Documentation

Jquery News Ticker

Demo Link

http://techansh.com/git-projects/jqnewsTicker/demo.html : Single News Ticket Demo http://techansh.com/git-projects/jqnewsTicker/multidemo.html : Single News Ticket Demo 

Usage

  1. Include jQuery:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  2. Include plugin's code:

    <script src="js/newsTicker.js"></script>
  3. Keep the news data div and list of news in html

    <div id="newsData" class="row newsCss"></div> <ul id="newsList"> 		<li class="news-item" >1 jQuery News Ticker, Lorem ipsum dolor sit amet !</li> 		<li class="news-item" >2 jQuery News Ticker, nunc nobis videntur parum clari, fiant sollemnes in futurum !</li> 		<li class="news-item" >3 jQuery News Ticker, claritatem insitam; est usus legentis in iis qui facit eorum  !</li> </ul>	
  4. Call the plugin:

    $(function () { 	$('#newsList').newsTicker(); });

Additional Properties available

$('#newsList').newsTicker({ 	interval: "4000",			// Timeout interval between two news 4000 = 4 secs 	newsData: "#newsData",		// Div where news will appear  	prevBtnDiv: "#prevDiv",		// Prev button/div id  	nextBtnDiv: "#nextDiv",		// Next button/div id  	playPauseID: "#play-pause",	// Play/Pause toggle button/div id 	debugMode:0					// Pass 1 if you want to see console messages }); 

Issues:

Please file issues on Github : https://github.com/jayeshmagare/newsTicker/issues 

License

MIT License http://opensource.org/licenses/MIT	 

Copyright 2018 Jayesh Magare


You May Also Like