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!