No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
js
.gitattributes
.gitignore
LICENSE
README.md
demo.html
jqnewsTicker.jquery.json
multidemo.html

README.md

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