How to Make a Horizontal Scrolling Ticker for RSS With jQuery
The jQuery language uses Ajax to display asynchronous information on your Web page. You use a ticker to display instant information that scrolls along the bottom of an RSS widget for your users. You must download and copy the liScroll ticker add-on script to include the ticker on your page. After you include the script, you make an HTML element and specify the information you want to display.
Other People Are Reading
Instructions
-
-
1
Open a Web browser and download the liScroll ticker script. Save the script into the JS directory in your Web project.
-
2
Open your HTML editor and open the Web page you want to use to display the ticker information. Create the HTML elements for the ticker. The following code creates an HTML element to display the ticker data:
<ul id="ticker01">
<li><a href="#">Your data goes here</a></li>
</ul> -
-
3
Add the jQuery script to your page. Add the following script file to the head section of your HTML:
<script type="text/javascript" src="js/jquery.li-scroller.1.0.js">
-
4
Add the jQuery code to the page to animate the data. Add the following code to your scripting section:
$(function(){
$("ul#ticker01").liScroll();
});
-
1
