jQuery Blink Plugin (Flashing Text with jQuery)
jQuery Blink Plugin (Flashing Text with jQuery) http://archive.plugins.jquery.com/project/blink
by Sk8erPeter
HTML
<div id="page">
<h1>jQuery Blink Plugin</h1>
<p>Source: <a href="http://archive.plugins.jquery.com/project/blink">http://archive.plugins.jquery.com/project/blink</a> or <a href="http://www.antiyes.com/jquery-blink-plugin">http://www.antiyes.com/jquery-blink-plugin</a></p>
<div class="blink" id="blink"><h2>First flashing text (500 ms blink interval (default))</h2></div>
<div class="blink_second" id="blink"><h2>Second flashing text (100 ms blink interval)</h2></div>
<div class="blink_third" id="blink"><h2>Third flashing text (1500 ms blink interval)</h2></div>
</div>
CSS
.blink {
color:green;
}
.blink_second {
color:red;
}
.blink_third {
color:yellow;
}
JavaScript
// Source: http://www.antiyes.com/jquery-blink-plugin
// http://www.antiyes.com/jquery-blink/jquery-blink.js
(function($) {
$.fn.blink = function(options) {
var defaults = {
delay: 500
};
var options = $.extend(defaults, options);
return this.each(function() {
var obj = $(this);
setInterval(function() {
if ($(obj).css("visibility") == "visible") {
$(obj).css('visibility', 'hidden');
}
else {
$(obj).css('visibility', 'visible');
}
}, options.delay);
});
}
}(jQuery))
/////////////////////////////////////////////
/////////////////////////////////////////////
/////////////////////////////////////////////
$(document).ready(function() {
$('.blink').blink(); // default is 500ms blink interval.
$('.blink_second').blink({
delay: 100
}); // causes a 100ms blink interval.
$('.blink_third').blink({
delay: 1500
}); // causes a 1500ms blink interval.
});
/////////////////////////////////////////////
/////////////////////////////////////////////
/////////////////////////////////////////////