Highly Customizable jQuery Text Scrolling Plugin - Web Ticker

Highly Customizable jQuery Text Scrolling Plugin - Web Ticker
File Size: 20.7KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

A simple and easy-to-use jQuery plugin to help you create a web ticker widget on your web page, which supports both left and right text scrolling that looks like the old Html marquee tag presents.

You might also like:

Features:

  • Pauses on hyperling hover
  • Highly customizable via build-in options and CSS
  • Stop, continue, udapte methods supported

Basic Usage:

1. Include jQuery library and Web Ticker plugin on your web page

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.webticker.js"></script>

2. Include Web Ticker CSS on your web page

<link rel="stylesheet" href="assets/webticker.css" type="text/css" media="screen"> 

3. Markup

<ul id="webticker" >
<li id='item1'> My First News Item </li>
<li id='item2'> My Second News Item </li>
<li id='item3'> My Third News Item </li>
...
</ul>

4. Call the plugin with options

<script type="text/javascript">
$(function(){
	$("#webticker").webTicker({
	speed: 50, //pixels per second
	direction: "left", //if to move left or right
	moving: true, //weather to start the ticker in a moving or static position
	startEmpty: true, //weather to start with an empty or full ticker
	duplicate: false, //if there is less items then visible on the ticker you can duplicate the items to make it continuous
	rssurl: false, //only set if you want to get data from rss
	rssfrequency: 0, //the frequency of updates in minutes. 0 means do not refresh
	updatetype: "reset" //how the update would occur options are "reset" or "swap"
	});
});
</script>

Change LOG:

v2.1.0 (2013-05-24)

  • Fixed CSS3 Support for Firefox
  • Fixed CSS3 Check function to support Fallback for IE

v2.1.0 (2013-05-18)

  • Add CSS3 Transition Support + other fixes

v2.0.2 (2013-04-15)

  • Fixed Bug with strip width calculation

v2.0.1 (2013-03-19)

  • optimizations

This awesome jQuery plugin is developed by jonmifsud. For more Advanced Usages, please check the demo page or visit the official website.