jQuery ticker plugin examples

Effect fadeIn (default)

$("#ticker1").ticker();

• 1 - First item - Lorem Ipsum is simply dummy text of the printing and typesetting
• 2 - Second item - Lorem Ipsum is simply dummy text of the printing and typesetting
• 3 - Third item - Lorem Ipsum is simply dummy text of the printing and typesetting
• 4 - Fourth item - Lorem Ipsum is simply dummy text of the printing and typesetting

Effect slideUp

$("#ticker2").ticker({ effect: "slideUp"});

• 1 - First item - Lorem Ipsum is simply dummy text of the printing and typesetting
• 2 - Second item - Lorem Ipsum is simply dummy text of the printing and typesetting
• 3 - Third item - Lorem Ipsum is simply dummy text of the printing and typesetting
• 4 - Fourth item - Lorem Ipsum is simply dummy text of the printing and typesetting

Effect slideDown

$("#ticker3").ticker({ effect: "slideDown"});

• 1 - First item - Lorem Ipsum is simply dummy text of the printing and typesetting
• 2 - Second item - Lorem Ipsum is simply dummy text of the printing and typesetting
• 3 - Third item - Lorem Ipsum is simply dummy text of the printing and typesetting
• 4 - Fourth item - Lorem Ipsum is simply dummy text of the printing and typesetting

Options

$.fn.ticker.defaults =  {
	controls: false, //show controls, to be implemented
	interval: 3000, //interval to show next item
	effect: "fadeIn", // available effects: fadeIn, slideUp, slideDown
	duration: 400 //duration of the change to the next item
};