Animierte Trennlinie

Animierte Trennlinien gibt es meist als Grafiken.

Anders ist jedoch diese Javascriptversion. Außer der Farbe, kann man noch die Breite angeben sowie die Geschwindigkeit, mit der sich die Trennlinie verändern soll.

Beim Firefox wird die Linie zwar animiert, aber leider nicht in Farbe angezeigt

Demonstration:

Dieses Script läuft auf folgenden Browsern:
	Internet Explorer
	Mozilla Firefox
getestet jeweils mit der aktuellen Version

HTML-Einbindung
   <script type="text/javascript"> //+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ // Animierte Trennlinie v1.0 //+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //------------------------------ Copyright ------------------------------ // (c) 2002 xeam.de // Internet: http://www.xeam.de // e-mail: mail@xeam.de //------------------------------------------------------------------------ var einheit="%"; // %=Prozent, px=Pixel, mm=Millimeter, cm=Zentimeter, usw. var geschwindigkeit=20; var max_breite=100; var min_breite=50; var abstufung=1; var groesse=max_breite; var richtung=0; function groesse_aendern () { if (window.document.getElementById) { window.document.getElementById ("linie").style.width=String (groesse)+einheit; if (richtung==0) { if ((groesse-abstufung)>=min_breite) { groesse-=abstufung; } else { richtung=1; } } else { if ((groesse+abstufung)<=max_breite) { groesse+=abstufung; } else { richtung=0; } } window.setTimeout ("groesse_aendern ()",geschwindigkeit); } } </script>  <body onload="groesse_aendern ();">  <hr id="linie" align="center" style="color:#ff0000;height:2px;width:100%;">

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"