go back

Rotating list items (default settings)

• This is the first list item
• This is the second list item
• This is the third list item

HTML source

<ul class="rotate">
		<li>This is the first list item</li>
		<li>This is the second list item</li>
		<li>This is the third list item</li>	
</ul>

Rotating any child elements regardless of the structure (default settings)

HTML source

<div class="rotate">
	<p>This is a paragraph</p>
	<div>This is a div</div>
	<ul>
		<li>This is an unordered list</li>
	</ul>
</div>

Rotating list items (custom settings including randomization)

• This is the first list item
• This is the second list item
• This is the third list item
• This is the fourth list item
• This is the fifth list item
• This is the sixth list item

HTML source

<ul id="rotatetest">
	<li>This is the first list item</li>
	<li>This is the second list item</li><li>This is the third list item</li>
	<li>This is the fourth list item</li>
	<li>This is the fifth list item</li>
	<li>This is the sixth list item</li>
</ul>

JavaScript setup

$.easy.rotate({
	selector: '#rotatetest',
	pause: 1000,
	randomize:true
});