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

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.