Effect Chart:
The jquery news Ticker is a very handy jquery plugin that allows you to quickly generate such a news-market effect.
It can generate news content by listing, HTML or even RSS (which can only load the RSS feed on this site), and support playback and stop before and after. This plugin supports a range of customization options, such as:
Playback speed
Playback effect
Play Direction
Show time
Code development is simple and efficient.
First, we introduce the jquery News ticker class library and its jquery class library:
Copy Code code as follows:
<link href= "Css/ticker-style.css" rel= "stylesheet" type= "Text/css"/>
<script src= "Jquery.ticker.js" type= "Text/javascript" ></script>
HTML code:
Copy Code code as follows:
<div id= "Ticker-wrapper" class= "No-js" >
<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>
</div>
Javascript:
Copy Code code as follows:
<script type= "Text/javascript" >
$ (function () {
$ (' #js-news '). Ticker ();
});
</script>
Official website http://www.gbin1.com/technology/jquerynews/20111105jquerypluginnewsticker/demo.html
Download related documents