jQuery Plugin For Blinking Html Elements - Blinker
File Size: | 1 KB |
---|---|
Views Total: | 2364 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

jQuery Blinker is a lightweight and fast jQuery plugin that allow you to blink html elements with some options to grab your visitor's attention. Similar to the outdated html <blink>
tag which causes the enclosed text to flash slowly.
Basic Usage:
1. Include jQuery library and jQuery Blinker Plugin on the page
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.blinker.min.js"></script>
2. Create an html element that you want to blink
<p>jQueryScript.net</p>
3. Call the plugin with options
<script> jQuery(function($){ $("p").blinker({ timeHidden: 1000, // Defines how much time the hidden state will last. intervalRangeStart: 500, // Defines how much time the visible state will last. intervalRangeStop: 2000 // Defaults to a random value from 500 to 2000ms. mouseenter: function(){ // pause blinking on mouseenter $(this).data("blinker").pause(); }, mouseleave: function(){ // resume blinking on mouseleave $(this).data("blinker").blinkagain(); } }); }) </script>
This awesome jQuery plugin is developed by pioul.fr. For more Advanced Usages, please check the demo page or visit the official website.