Neon Light Style jQuery Text Blinking Plugin - Blinker
File Size: | 3.45KB |
---|---|
Views Total: | 3882 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Blinker is a super tiny jQuery text plugin that enables you to blink the text (words or letters) with neon light style animation effects on mouse over.
Basic Usage:
1. Include jQuery javascript library and jQuery UI library on your web page
<script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
2. Include jQuery Blinker plugin after jQuery library
<script src="blinker.js"></script>
3. The html
<div class="demo"> <span>j</span> <span>q</span> <span>u</span> <span>e</span> <span>r</span> <span>y</span> <span>s</span> <span>c</span> <span>r</span> <span>i</span> <span>p</span> <span>t</span> <span>.</span> <span>N</span> <span>e</span> <span>t</span> </div>
3. Call the plugin with options
<script type="text/javascript"> $(document).ready(function() { $('.header').blinker({ interval: 500, // How fast to blink in ms. Default is 200 endcolor: '#fff', // When you leave the cursor, this is the final color. Default is black #000 colors: [ // Arrays of colors to blink. '#111', '#222', '#333' ] }); }); </script>
This awesome jQuery plugin is developed by shulhi. For more Advanced Usages, please check the demo page or visit the official website.