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


3. Call the plugin with options

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
mouseleave: function(){ // resume blinking on mouseleave

This awesome jQuery plugin is developed by pioul.fr. For more Advanced Usages, please check the demo page or visit the official website.