Return to Snippet

Revision: 64384
at August 1, 2013 18:03 by bananaskin198


Updated Code
(function($) {
    $.fn.pulse = function(options) {

        options = $.extend({
            fadeFrom: "#87ff9b",
            fadeTo: "#FFFFFF"
        }, options);


        return this.each(function() {

            var current = $(this);
            setInterval(function () {
                $(current).animate({'backgroundColor' : options.fadeFrom},1000)
                    .animate({'backgroundColor' : options.fadeTo},1000)
            }, 1);

        });

    }

})(jQuery);

$(document).ready(function(){

    $(this).pulse({"fadeFrom":"#87ff9b"});

});

Revision: 64383
at August 1, 2013 18:02 by bananaskin198


Updated Code
(function($) {
    $.fn.pulse = function(options) {

        options = $.extend({
            fadeFrom: "#87ff9b",
            fadeTo: "#FFFFFF"
        }, options);


        return this.each(function() {

            var current = $(this);
            setInterval(function () {
                $(current).animate({'backgroundColor' : options.fadeFrom},1000)
                    .animate({'backgroundColor' : options.fadeTo},1000)
            }, 1);

        });

    }

})(jQuery);

$(document).ready(function(){

$(this).pulse({"fadeFrom":"#87ff9b"});

});

Revision: 64382
at August 1, 2013 18:01 by bananaskin198


Initial Code
(function($) {
    $.fn.pulse = function(options) {

        options = $.extend({
            fadeFrom: "#87ff9b",
            fadeTo: "#FFFFFF"
        }, options);


        return this.each(function() {

            var current = $(this);
            setInterval(function () {
                $(current).animate({'backgroundColor' : options.fadeFrom},1000)
                    .animate({'backgroundColor' : options.fadeTo},1000)
            }, 1);

        });

    }

})(jQuery);

            $(this).pulse({"fadeFrom":"#87ff9b"});

Initial URL

                                

Initial Description
Requires jQuery Color plugin

Initial Title
jQuery Pulse / infinite background color fade in fade out

Initial Tags

                                

Initial Language
jQuery