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 Plugin For Blinking Html Elements - Blinker

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.