JavaScripts -> Texteffekt -> Fließender Hover-Effekt, browserunabhängig

Dies ist ein "edler" Hover-Effekt, bei dem Links beim Überfahren mit der Maus langsam die Farbe wechseln.

Kompatibilität getestet:
Beispiel Anzeigen >>

Script-Code

<!--Fading Hover Effect v1.0 (c)2003 by Triple-M-->
<script type="text/javascript">
<!--
var Steps=16;
var Delay=30;

var Rum=0;
var Gum=0;
var Bum=0;

var Rm=255;
var Gm=128;
var Bm=128;

var Step=new Array();
var Dir=new Array();

function change(t) {
  R=Rum + parseInt((Step[t]* (Rm-Rum))/Steps);
  G=Gum + parseInt((Step[t]* (Gm-Gum))/Steps);
  B=Bum + parseInt((Step[t]* (Bm-Bum))/Steps);
  RGB="#";
  if(R<16)RGB+="0";
  RGB+=R.toString(16);
  if(G<16)RGB+="0";
  RGB+=G.toString(16);
  if(B<16)RGB+="0";
  RGB+=B.toString(16);
  document.getElementById(t).style.color=RGB;
  if((Step[t]==Steps) && (Dir[t]==1)) return;
  if((Step[t]==0) && (Dir[t]==-1)) return;
  Step[t]+=Dir[t];
  window.setTimeout("change('"+t+"')",Delay);
}

function fade_m(t) {
if (isNaN(Step[t])) Step[t]=0;
Dir[t]=1;
change(t);
return;
}

function fade_um(t) {
if (isNaN(Step[t])) Step[t]=Steps;
Dir[t]=-1;
change(t);
return;
}
//-->
</script>