jQuery Plugin For Animating Text Through An Array of Strings - Slide Text Left

File Size: 3.85KB
Views Total: 3213
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Animating Text Through An Array of Strings - Slide Text Left

jQuery Text Slider is a simple text animation plugin that allows to slide text through an array of strings. The idea is to tranistion text by clipping to the left, then expanding to reveal the next text.

How to use it:

1. Load the jQuery javascript library and jQuery Text Slider on the page

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="jquery.slide-text-left.js"></script>

2. The html

<h1>Bring your <span class="slideText">ideas</span> to the web</h1>

3. The javascript

<script type="text/javascript">
$(function() {
$(".slideText").slideTextLeft(
{ 
words: ["ideas", "business", "passion"], // multiple words to tranistion through in a loop
delay: 1000 // the time to wait before the transistion
}
);
});
</script>

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