Skip to content

jayeshmagare/jqnewsTicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published