Neon Light Style jQuery Text Blinking Plugin - Blinker

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

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.