Und hier die entscheidenden Teile des Codes. Wer’s noch ausführlicher braucht, schaut im Quelltext nach.
a) der Formular-Teil im <body>:
<form>
...
<input type="button"
id="but3"
value="schliessen"
onMouseOver="animieren('schliessen', this.id)"
onMouseOut="this.value='schliessen'; window.clearTimeout(toID)"
onClick="p.close();">
<br>
<input type="button"
id="but4"
value="auswerten"
onMouseOver="animieren('...grübel...', this.id)"
onMouseOut="this.value='auswerten'; window.clearTimeout(toID)"
onClick="p.close();">
</form>
b) der Javascript-Teil im <head>:
var nString = "";
var myID, myObj, toID;
function animieren(aString, anID) {
var myString = aString;
myID = anID;
myObj = document.getElementById(myID);
myObj.value = myString.substring(myString.length -1,myString.length) *
+ myString.substring(0, myString.length -1);
nString = myObj.value;
toID = window.setTimeout("animieren(nString, myID)",100);
}
* Achtung, hier Zeilenumbruch!