prøv:
var startcolor = [251,96,2];
var fadespeed=1000;
var steps = 20;
var colchange=new Array()
colchange[0]=startcolor[0]/steps;
colchange[1]=startcolor[1]/steps;
colchange[2]=startcolor[2]/steps;
var link_arr = new Array();
var timer = new Array();
function fade(elm) {
if (link_arr[elm.name][4] > 0) {
for (i=0;i<3;i++) {
link_arr[elm.name][i] -= colchange[i];
}
--link_arr[elm.name][4];
elm.style.color = "rgb("+Math.max(0,Math.floor(link_arr[elm.name][0]))+","+Math.max(0,Math.floor(link_arr[elm.name][1]))+","+Math.max(0,Math.floor(link_arr[elm.name][2]))+")";
}
else {
elm.style.color = "#000000";
//clearInterval(link_arr[elm.name][3]);
clearInterval(timer[elm.name]);
}
}
// elm.parentNode.style.backgroundColor=="#5183b5"
function hoverin(elm) {
if(true){
elm.style.color='#fb6002';
link_arr[elm.name] = new Array(startcolor[0],startcolor[1],startcolor[2]);
link_arr[elm.name][4] = steps;
window.status = timer[elm.name];
if (timer[elm.name]) {clearInterval(timer[elm.name]);}
//if (link_arr[elm.name][3]) {clearInterval(link_arr[elm.name][3]);}
}
}
function hoverout(elm) {
e=elm;
timer[elm.name] = setInterval('fade(e)',fadespeed/steps);
//if (!link_arr[elm.name][3]) {link_arr[elm.name][3] = setInterval('fade(e)',fadespeed/steps);}
}
<body>
<table height="100%" width="100%" cellpadding="0" cellspacing="0">
<tr align="center" valign="middle">
<td width="20%">
<a href="main.asp" name="home" onMouseover="hoverin(this)" onmouseout="hoverout(this)" onclick="choice(home)">Home</a>
</td>
<td width="20%">
<a href="content/biografi.htm" name="bio" onMouseover="hoverin(this)" onMouseout="hoverout(this)" onclick="choice(bio)">Biografi</a>
</td>
<td width="20%">
<a href="content/cv.htm" name="cv" onMouseover="hoverin(this)" onMouseout="hoverout(this)" onclick="choice(cv)">Curriculum Vitae</a>
</td>
<td width="20%">
<a href="content/billeder.htm" name="pic" onMouseover="hoverin(this)" onMouseout="hoverout(this)" onclick="choice(pic)">Billeder</a>
</td>
<td width="20%">
<a href="content/klatring.htm" name="and" onMouseover="hoverin(this)" onMouseout="hoverout(this)" onclick="choice(and)">Klatring</a>
</td>
</tr>
</table>
</body>
Virker også i mozilla.
