| 1 | jQuery.fn.backgroundFade = function(s,callback) { |
|---|
| 2 | var defaults = { |
|---|
| 3 | sColor: [255,0,0], |
|---|
| 4 | eColor: [255,255,255], |
|---|
| 5 | fColor: null, |
|---|
| 6 | steps: 200, |
|---|
| 7 | intervals: 5, |
|---|
| 8 | powr: 4 |
|---|
| 9 | }, |
|---|
| 10 | |
|---|
| 11 | params = jQuery.extend(defaults,s); |
|---|
| 12 | |
|---|
| 13 | return this.each(function() { |
|---|
| 14 | this.bgFade_sColor = jQuery.backgroundFade.parseHexColor(params.sColor); |
|---|
| 15 | this.bgFade_eColor = jQuery.backgroundFade.parseHexColor(params.eColor); |
|---|
| 16 | this.bgFade_fColor = params.fColor ? params.fColor : jQuery(this).css('backgroundColor'); |
|---|
| 17 | this.bgFade_steps = params.steps; |
|---|
| 18 | this.bgFade_intervals = params.intervals; |
|---|
| 19 | this.bgFade_powr = params.powr; |
|---|
| 20 | this.bgFade_fn = callback; |
|---|
| 21 | |
|---|
| 22 | jQuery.backgroundFade.doFade(this); |
|---|
| 23 | }); |
|---|
| 24 | }; |
|---|
| 25 | |
|---|
| 26 | jQuery.backgroundFade = { |
|---|
| 27 | parseHexColor: function(c) { |
|---|
| 28 | if (c.constructor == String && c.substr(0,1) == '#') { |
|---|
| 29 | return [parseInt(c.substr(1,2),16),parseInt(c.substr(3,2),16),parseInt(c.substr(5,2),16)]; |
|---|
| 30 | } |
|---|
| 31 | return c; |
|---|
| 32 | }, |
|---|
| 33 | |
|---|
| 34 | easeInOut: function(minValue,maxValue,totalSteps,actualStep,powr) { |
|---|
| 35 | var delta = maxValue - minValue; |
|---|
| 36 | var stepp = minValue+(Math.pow(((1 / totalSteps)*actualStep),powr)*delta); |
|---|
| 37 | return Math.ceil(stepp); |
|---|
| 38 | }, |
|---|
| 39 | |
|---|
| 40 | doFade: function(e) { |
|---|
| 41 | if (e.bgFadeInt) window.clearInterval(e.bgFadeInt); |
|---|
| 42 | var act_step = 0; |
|---|
| 43 | |
|---|
| 44 | e.bgFadeInt = window.setInterval(function() { |
|---|
| 45 | e.style.backgroundColor = |
|---|
| 46 | "rgb("+ |
|---|
| 47 | jQuery.backgroundFade.easeInOut(e.bgFade_sColor[0],e.bgFade_eColor[0], |
|---|
| 48 | e.bgFade_steps,act_step,e.bgFade_powr)+","+ |
|---|
| 49 | jQuery.backgroundFade.easeInOut(e.bgFade_sColor[1],e.bgFade_eColor[1], |
|---|
| 50 | e.bgFade_steps,act_step,e.bgFade_powr)+","+ |
|---|
| 51 | jQuery.backgroundFade.easeInOut(e.bgFade_sColor[2],e.bgFade_eColor[2], |
|---|
| 52 | e.bgFade_steps,act_step,e.bgFade_powr)+")"; |
|---|
| 53 | |
|---|
| 54 | act_step++; |
|---|
| 55 | if (act_step > e.bgFade_steps) { |
|---|
| 56 | window.clearInterval(e.bgFadeInt); |
|---|
| 57 | e.bgFade_sColor = undefined; |
|---|
| 58 | e.bgFade_eColor = undefined; |
|---|
| 59 | e.bgFade_fColor = undefined; |
|---|
| 60 | e.bgFade_steps = undefined; |
|---|
| 61 | e.bgFade_intervals = undefined; |
|---|
| 62 | e.bgFade_powr = undefined; |
|---|
| 63 | if (typeof(e.bgFade_fn) == 'function') { |
|---|
| 64 | e.bgFade_fn.call(e); |
|---|
| 65 | } |
|---|
| 66 | e.style.backgroundColor = e.bgFade_fColor; |
|---|
| 67 | } |
|---|
| 68 | },e.bgFade_intervals); |
|---|
| 69 | } |
|---|
| 70 | }; |
|---|