News Ticker

  • 제이쿼리 뉴스 티커
  • jQuery News Ticker now has support for multiple tickers per page!
  • jQuery News Ticker now has support for right-to-left languages!
  • jQuery News Ticker now has support for loading content via an RSS feed!
  • jQuery News Ticker now has an optional fade effect between items!
  • New updates have been made to jQuery News Ticker! Check below for more details!
  • jQuery News Ticker is now compatible with jQuery 1.3.2! See below for further details and for latest download.
  • Further updates to jQuery News Ticker are coming soon!


news ticker HOME : http://www.jquerynewsticker.com/



Settings

							<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> 
							<link href="css/ticker-style.css" rel="stylesheet" type="text/css" />
							<script src="jquery.ticker.js" type="text/javascript"></script>
						


HTML

							<ul id="js-news" class="js-hidden">
								<li class="news-item"><a href="#">This is the 1st latest news item.</a></li>
								<li class="news-item"><a href="#">This is the 2nd latest news item.</a></li>
								<li class="news-item"><a href="#">This is the 3rd latest news item.</a></li>
								<li class="news-item"><a href="#">This is the 4th latest news item.</a></li>
							</ul>
						


To get jQuery News Ticker working

							$(function () {
								$('#js-news').ticker();
							});
						


Options

							$(function () {
								$('#js-news').ticker(
									speed: 0.10,           // The speed of the reveal
									ajaxFeed: false,       // Populate jQuery News Ticker via a feed
									feedUrl: false,        // The URL of the feed
													   // MUST BE ON THE SAME DOMAIN AS THE TICKER
									feedType: 'xml',       // Currently only XML
									htmlFeed: true,        // Populate jQuery News Ticker via HTML
									debugMode: true,       // Show some helpful errors in the console or as alerts
													   // SHOULD BE SET TO FALSE FOR PRODUCTION SITES!
									controls: true,        // Whether or not to show the jQuery News Ticker controls
									titleText: 'Latest',   // To remove the title set this to an empty String
									displayType: 'reveal', // Animation type - current options are 'reveal' or 'fade'
									direction: 'ltr'       // Ticker direction - current options are 'ltr' or 'rtl'
									pauseOnItems: 2000,    // The pause on a news item before being replaced
									fadeInSpeed: 600,      // Speed of fade in animation
									fadeOutSpeed: 300      // Speed of fade out animation
								);
							});	
						

Option Sample

							$(function () {
								$('#js-news').ticker({
									speed: 0.10,
									htmlFeed: false,
									fadeInSpeed: 600,
									titleText: 'Latest News'
								});
							});