First commit ~0,10
This commit is contained in:
119
addons/fade.js
Normal file
119
addons/fade.js
Normal file
@ -0,0 +1,119 @@
|
||||
/*************
|
||||
**** <config>
|
||||
**/
|
||||
startColor = "#000000"; // MouseOut link color
|
||||
endColor = "#ff0000"; // MouseOver link color
|
||||
|
||||
stepIn = 20; // delay when fading in
|
||||
stepOut = 20; // delay when fading out
|
||||
|
||||
/*
|
||||
** set to true or false; true will
|
||||
** cause all links to fade automatically
|
||||
***/
|
||||
autoFade = false;
|
||||
/*
|
||||
** set to true or false; true will cause all CSS
|
||||
** classes with "fade" in them to fade onmouseover
|
||||
***/
|
||||
sloppyClass = true;
|
||||
/**
|
||||
**** </config>
|
||||
**************/
|
||||
/*************
|
||||
**** <install>
|
||||
**
|
||||
**
|
||||
**** </install>
|
||||
**************/
|
||||
|
||||
hexa = new makearray(16);
|
||||
for(var i = 0; i < 10; i++)
|
||||
hexa[i] = i;
|
||||
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
|
||||
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
|
||||
|
||||
document.onmouseover = domouseover;
|
||||
document.onmouseout = domouseout;
|
||||
|
||||
startColor = dehexize(startColor.toLowerCase());
|
||||
endColor = dehexize(endColor.toLowerCase());
|
||||
|
||||
var fadeId = new Array();
|
||||
|
||||
function dehexize(Color){
|
||||
var colorArr = new makearray(3);
|
||||
for (i=1; i<7; i++){
|
||||
for (j=0; j<16; j++){
|
||||
if (Color.charAt(i) == hexa[j]){
|
||||
if (i%2 !=0)
|
||||
colorArr[Math.floor((i-1)/2)]=eval(j)*16;
|
||||
else
|
||||
colorArr[Math.floor((i-1)/2)]+=eval(j);
|
||||
}
|
||||
}
|
||||
}
|
||||
return colorArr;
|
||||
}
|
||||
|
||||
function domouseover() {
|
||||
if(document.all){
|
||||
var srcElement = event.srcElement;
|
||||
if ((srcElement.tagName == "A" && autoFade) || srcElement.className ==
|
||||
"fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
|
||||
fade(startColor,endColor,srcElement.uniqueID,stepIn);
|
||||
}
|
||||
}
|
||||
|
||||
function domouseout() {
|
||||
if (document.all){
|
||||
var srcElement = event.srcElement;
|
||||
if ((srcElement.tagName == "A" && autoFade) || srcElement.className ==
|
||||
"fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
|
||||
fade(endColor,startColor,srcElement.uniqueID,stepOut);
|
||||
}
|
||||
}
|
||||
|
||||
function makearray(n) {
|
||||
this.length = n;
|
||||
for(var i = 1; i <= n; i++)
|
||||
this[i] = 0;
|
||||
return this;
|
||||
}
|
||||
|
||||
function hex(i) {
|
||||
if (i < 0)
|
||||
return "00";
|
||||
else if (i > 255)
|
||||
return "ff";
|
||||
else
|
||||
return "" + hexa[Math.floor(i/16)] + hexa[i%16];}
|
||||
|
||||
function setColor(r, g, b, element) {
|
||||
var hr = hex(r); var hg = hex(g); var hb = hex(b);
|
||||
element.style.color = "#"+hr+hg+hb;
|
||||
}
|
||||
|
||||
function fade(s,e, element,step){
|
||||
var sr = s[0]; var sg = s[1]; var sb = s[2];
|
||||
var er = e[0]; var eg = e[1]; var eb = e[2];
|
||||
|
||||
if (fadeId[0] != null && fade[0] != element){
|
||||
setColor(sr,sg,sb,eval(fadeId[0]));
|
||||
var i = 1;
|
||||
while(i < fadeId.length){
|
||||
clearTimeout(fadeId[i]);
|
||||
i++;
|
||||
}
|
||||
}
|
||||
|
||||
for(var i = 0; i <= step; i++) {
|
||||
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - "
|
||||
+i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
|
||||
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + "
|
||||
+eg+ " * (" +i+ "/" +step+
|
||||
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * ("
|
||||
+i+ "/" +step+ ")),"+element+");",i*step);
|
||||
}
|
||||
fadeId[0] = element;
|
||||
}
|
Reference in New Issue
Block a user