jQuery TickerType Plugin Demo

Example

Sed venenatis diam quis lorem. Curabitur.
Fusce vehicula iaculis felis. Phasellus congue!
Morbi vitae enim vel purus sollicitudin.

What is it?

The TickerType jQuery plugin allows you to animate a set of headlines or any other list of text items.

How do I use it?

To implement, simply include the latest jquery library as well as jquery.tickertype.js in the <head> tag of your HTML page

<head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>jquery.tickertype - Demo</title>

  <link href="tickertype.demo.css" rel="stylesheet" type="text/css" />

  <script type="text/javascript" src="jquery-1.2.6.min.js"></script>

  <script type="text/javascript" src="jquery.tickertype.js"></script>

</head>

Next, add a <div> tag and set the id attribute to ticker-area. Within this <div> tag, create an unordered list of the text fragments you would like to be display in the ticker. List items may include simple HTML tags, such as links, <strong> and <em>.

<div id="ticker-area">

  <ul>

    <li>Sed venenatis <a href="http://www.google.com">diam quis</a> lorem. Curabitur.</li>

    <li>Fusce <strong>vehicula</strong> iaculis felis. Phasellus congue!</li>

    <li>Morbi vitae enim vel <em>purus sollicitudin</em>.</li>

  </ul>

</div>

Download

jquery.ticker.zip (includes this demo page and CSS, jquery.tickertype.js and jquery-1.2.6.min.js)

License

This work is dedicated to the Public Domain.