 dynamische Textfarbe
Die ursprünglich festgelegte Textfarbe wird mit dieser Funktion Zeichen für Zeichen verändert. dazu wird der gesamte Textstring in einem festgelegten Intervall neu 'zusammengesetzt' und angezeigt.
|
|
Textfarbe einzelner Zeichen dynamisch ändern
INFO 08.08.2010 Modul sollte in neuen Browsern funktionieren (verwende getElementById)
Ein Text wird einer Variablen zugeordnet. Hier:
text = "A B C D E F G H I J K L M N O P Q R S T U V W X Y Z";
Zwei Textfarben wurden Festgelegt:
.Farbe1 {
color: #00AFFF;
}
.Farbe2 {
color: #FF0000;
}
Zu Beginn wird der Text in der Farbe1 dargestellt!
Die Funktion durchläuft den Textstring wobei die Textfarbe eines einzelnen Zeichen jeweils in der alternativen Farbe formatiert wird. Diese neue Information für den Text wird dann in die Seite geschrieben. Danach beginnt ein neuer Durchlauf.
Die Position des betreffenden Zeichen wird bei jedem Durchlauf neu festgelegt (um 1 Zeichen verschoben). Das erledigt ein Couter der erst dann wieder auf 'Null' gestellt wird, wenn der Wert des Counters der Anzahl der Zeichen im Textstring entspricht, also beim Erreichen des letzten Zeichens.
Einstellbar:
- Startfarbe
- Lauffarbe
- CSS-Format für die Textdarstellung
- CSS-Format für die Box
- Zeit in Millisekunden
Aufwand für den Webmaster
- Script im Head-Bereich notieren
- DIV-Bereich im Body notieren
- Text + Farbwert anpassen
|
Home DHTML • dynamische Textfarbe
Quellcode