Schriftfarbe soll sich bei MouseOver verändern.

[Agent.Hamster]

Hallo, ich suche einen Skript bei dem sich die Schriftfarbe verändert. Das soll aber nicht einfach so passieren sondern z.b. von weiß über verschiedene grautöne zu schwarz. ich denke ihr wisst was ich meine. Wie geht das?
Kann man das auch als standart für links machen. also für die ganze seite?

[Joe M.]

abend,
bin zwar nicht der javascrip-guru, aber hab mal folgenden
quelltext geschrieben, der mir im IE einen div-balken
von schwarz nach weiß und wieder zurück färbt. vielleicht
kannst du ja ein wenig davon verwenden..

<schnipsel>

<style type="text/css">
 body {
    font-family:verdana;
    background-color:black;
    color:white;
    text-align:center;
    vertical-align:middle;
   };
   .buttomFlair {
  position:absolute;
  left:2%;
  color:black;
  line-height:15px;
  height:15px;
  width:96%;
 }
</style>
<script language="JavaScript" type="text/javascript">

//CHOOSE HOW MANY COLOR-HEX-VARS OF THE FIRST DIMENSION SHOULD BE VISIBLE
showClrs = 6;

HEXALIST = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
clrSave = new Array();
indexNr = 0;
for(i=0; i < showClrs; i++)
 for(j=i; j < HEXALIST.length; j++) {
  clrSave[indexNr] = "#" + i + HEXALIST[j] + i + HEXALIST[j] + i + HEXALIST[j];
  indexNr++;
 }

function blurElement( blurClrIndex ) {
 if( blurClrIndex == -1 ) {
  document.getElementById("buttomFlair").style.color = "black";
  window.clearInterval(ti);
 }

document.getElementById("buttomFlair").style.backgroundColor = clrSave[blurClrIndex];
 if( blurClrIndex >= indexNr)
  window.setInterval("blurElement(i--)",600);
}

function startBlur() {
 ti = window.setInterval("blurElement(i++)",60);
}

window.setTimeout("startBlur()",4000);

</script>

<DIV id=buttomFlair class=buttomFlair> you have entered comunicout.com </DIV>

</schnipsel>

mfg
Joe M.