Animated jQuery Text Highlighting Plugin - Highlighter
File Size: | 39.3 KB |
---|---|
Views Total: | 1823 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Highlighter is a very small jQuery plugin which allows you to highlight specified words, sentences, terms with CSS3 powered animations.
How to use it:
1. Load the required jquery.highlighter.css for the text highlighting animations.
<link rel="stylesheet" href="css/jquery.highlighter.css">
2. Wrap the text in an element.
<h1 id="demo"><span>jQuery Highlighter Plugin Demos</span></h1>
3. Load jQuery library and the jQuery Highlighter plugin at the end of the document.
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> <script src="jquery.highlighter.min.js"></script>
4. Call the plugin.
$("#demo span").highlighter();
5. Plugin options available.
$("#demo span").highlighter({ queue : true, pauseTime : 2000, duration: 3000, timing: 'ease-in-out', colorFrom: 'transparent', colorTo: '#FFFF00' });
Change log:
v1.0 (2015-04-24)
- update
This awesome jQuery plugin is developed by christiangh. For more Advanced Usages, please check the demo page or visit the official website.