Super Simple jQuery Text Rotator Plugin

File Size: 12.8 KB
Views Total: 3470
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Super Simple jQuery Text Rotator Plugin

Simple Text Rotator is a easy and fast jQuery plugin that allows you rotate your text with customizable styles and animations.

See also:

Basic Usage:

1. Include jQuery javascript library on your web page

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

2. Include jQuery Simple Text Rotator plugin files on your page, after jQuery library

<script type="text/javascript" src="jquery.simple-text-rotator.js"></script>
<link rel="stylesheet" type="text/css" href="simpletextrotator.css" />

3. Create the html for the text rotator

<span class="rotate">YOUR TEXT</span>

4. Call the plugin with options

<script>
$(document).ready(function(){
$(".rotate").textrotator({
animation: "fade", // dissolve, fade, flip, flipUp, flipCube, flipCubeUp and spin.
separator: "," // If you don't want commas to be the separator, you can define a new separator (|, &, * etc.) by yourself using this field.
speed: 2000 // How many milliseconds until the next word show.
});
});
</script>

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