Funktion mit Timer

[Felix Riesterer]

Liebe(r) S-R SoftwareMedia,

<span onmouseover="blink('element', 'red');" id="element">Hallo wie geht es dir?</span>

Besser so (warum kommt noch):

<span class="blink">Hallo Wie geht es Dir?</span>

So, nun kannst Du per JavaScript solcherlei Elemente (die der blink-Klasse zugehören) blinken lassen.

1. Schritt: Benutze eine der vielen Umsetzungen von getElementsByClassName(), um alle Elemente der Klasse "blink" zu ermitteln.
2. Schritt verleiehe allen diesen Elementen ein onmouseover-Ereignis.
3. Schreibe eine Funktion, die mittels window.setTimeout() die Farbveränderungen durchführt.

Deine Funktion blink könnte dann anstatt des Namens (genauer "id") gleich eine Referenz auf das Element selbst annehmen.

function blink(el) {  
    // el ist eine Referenz auf das entsprechende (<span>-)Element  
    el.style.color = "red";  
}

Alles Weitere ist eine Frage, wie man mittels JavaScript etwas animiert. Dazu habe ich einen Artikel geschrieben, den ich Dir zur Lektüre anempfehlen möchte: Animieren in JavaScript (Kleiner Lehrgang zum vernünftigen Schreiben eines Javascripts)

Liebe Grüße,

Felix Riesterer.