Neon Light Style jQuery Text Blinking Plugin - Blinker
| File Size: | 3.45KB |
|---|---|
| Views Total: | 3961 |
| 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.











