Tips & Tricks: animierter Textlink


Dieses Script ist eine andere Variante, um in der Statuszeile des Browsers einen Link zu Dokumentieren. Der angezeigte Text wird wie bei einem Typewriter animiert. Hierzu benötigen wir folgende Funktion:


i=0; letter=''; function Start(message){ if (i!=message.length){ window.status=letter; letter+=message.charAt(i++); SleepFXTimer=setTimeout("Start('" + message + "')",10); } if (i==message.length){ letter+=message.charAt(i); window.status=letter; clearTimeout(SleepFXTimer); i=0; letter=''; } } function Stop(){ clearTimeout(SleepFXTimer); i=0; letter=''; window.status=""; }


Der auszgebende Text wird erst im Event-Handler angegeben. Hierzu verwenden Sie folgenden Code:


<A HREF="frame.html" onMouseOver="Start('Folgen Sie diesem Link, um zu den Frame-Tips zu gelangen!');return true;" onMouseOut="Stop();" TARGET="inhalt">Na, wohin gehts hier wohl?</A>


Mit der Funktion Start() wird die Animation begonnen. In der Klammer geben Sie den gewünschten Text ein. Die Funktion Stop() beendet das Programm. Hierbei wird die Statuszeile wieder geleert. Hier ein Beispiel:

Na, wohin gehts hier wohl?