+++ /dev/null
-// @name The Fade Anything Technique\r
-// @namespace http://www.axentric.com/aside/fat/\r
-// @version 1.0-RC1\r
-// @author Adam Michela\r
-\r
-var Fat = {\r
- make_hex : function (r,g,b) \r
- {\r
- r = r.toString(16); if (r.length == 1) r = '0' + r;\r
- g = g.toString(16); if (g.length == 1) g = '0' + g;\r
- b = b.toString(16); if (b.length == 1) b = '0' + b;\r
- return "#" + r + g + b;\r
- },\r
- fade_all : function ()\r
- {\r
- var a = document.getElementsByTagName("*");\r
- for (var i = 0; i < a.length; i++) \r
- {\r
- var o = a[i];\r
- var r = /fade-?(\w{3,6})?/.exec(o.className);\r
- if (r)\r
- {\r
- if (!r[1]) r[1] = "";\r
- if (o.id) Fat.fade_element(o.id,null,null,"#"+r[1]);\r
- }\r
- }\r
- },\r
- fade_element : function (id, fps, duration, from, to) \r
- {\r
- if (!fps) fps = 30;\r
- if (!duration) duration = 3000;\r
- if (!from || from=="#") from = "#FFFF33";\r
- if (!to) to = this.get_bgcolor(id);\r
- \r
- var frames = Math.round(fps * (duration / 1000));\r
- var interval = duration / frames;\r
- var delay = interval;\r
- var frame = 0;\r
- \r
- if (from.length < 7) from += from.substr(1,3);\r
- if (to.length < 7) to += to.substr(1,3);\r
- \r
- var rf = parseInt(from.substr(1,2),16);\r
- var gf = parseInt(from.substr(3,2),16);\r
- var bf = parseInt(from.substr(5,2),16);\r
- var rt = parseInt(to.substr(1,2),16);\r
- var gt = parseInt(to.substr(3,2),16);\r
- var bt = parseInt(to.substr(5,2),16);\r
- \r
- var r,g,b,h;\r
- while (frame < frames)\r
- {\r
- r = Math.floor(rf * ((frames-frame)/frames) + rt * (frame/frames));\r
- g = Math.floor(gf * ((frames-frame)/frames) + gt * (frame/frames));\r
- b = Math.floor(bf * ((frames-frame)/frames) + bt * (frame/frames));\r
- h = this.make_hex(r,g,b);\r
- \r
- setTimeout("Fat.set_bgcolor('"+id+"','"+h+"')", delay);\r
-\r
- frame++;\r
- delay = interval * frame; \r
- }\r
- setTimeout("Fat.set_bgcolor('"+id+"','"+to+"')", delay);\r
- },\r
- set_bgcolor : function (id, c)\r
- {\r
- var o = document.getElementById(id);\r
- o.style.backgroundColor = c;\r
- },\r
- get_bgcolor : function (id)\r
- {\r
- var o = document.getElementById(id);\r
- while(o)\r
- {\r
- var c;\r
- if (window.getComputedStyle) c = window.getComputedStyle(o,null).getPropertyValue("background-color");\r
- if (o.currentStyle) c = o.currentStyle.backgroundColor;\r
- if ((c != "" && c != "transparent") || o.tagName == "BODY") { break; }\r
- o = o.parentNode;\r
- }\r
- if (c == undefined || c == "" || c == "transparent") c = "#FFFFFF";\r
- var rgb = c.match(/rgb\s*\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/);\r
- if (rgb) c = this.make_hex(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));\r
- return c;\r
- }\r
-}\r
-\r
-window.onload = function () \r
- {\r
- Fat.fade_all();\r
- }
\ No newline at end of file