Beispiel
<marquee>Dieser Text wird horizontal wie am Laufband gescrollt</marquee>Mit <marquee> leiten Sie den zu scrollenden Text ein. Dahinter folgt der Text, der gescrollt werden soll. Am Ende des zu scrollenden Textes notieren Sie ein abschließendes </marquee>.
Beispiel
<marquee direction=right>Dieser Text wird von links nach rechts gescrollt</marquee>Durch die Zusatzangabe direction=right im einleitenden Tag von <marquee ... > erzwingen Sie die Scrollrichtung von links nach rechts. Mit der Zusatzangabe direction=left stellen Sie die Scroll-Richtung auf rechts nach links (Voreinstellung).
Beispiel
<marquee scrollamount=50 scrolldelay=5>Dieser Text wird ziemlich schnell gescrollt</marquee>Durch die Zusatzangabe scrollamount= im einleitenden Tag von <marquee ... > bestimmen Sie die Pixelanzahl zwischen den Scroll-Zuständen, und durch die Zusatzangabe scrolldelay= legen Sie die Verzögerung zwischen zwei Scroll-Zuständen in Millisekunden fest.
Beispiel
<marquee behavior=alternate>Dieser Text wird hin- und herbewegt</marquee>Durch die Zusatzangabe behavior=alternate im einleitenden Tag von <marquee ... > erzwingen Sie den Wechsel-Effekt.
Beispiel
<marquee bgcolor=#990099>Dieser Scroll-Text erscheint auf knallrotem Hintergrund</marquee>Durch die Zusatzangabe bgcolor= im einleitenden Tag von <marquee ... > erzwingen Sie, daß der gescrollte Text in einem andersfarbigen Rahmen erscheint. Für das Definieren der Farbe gelten die gleichen Regeln wie beim Definieren von dateiglobalen Hinter- und Vordergrundfarben.
Wenn Sie eine besondere Hintergrundfarbe für den Marquee-Bereich definieren, müssen Sie darauf achten, daß die Vordergrundfarbe des Marquee-Textes dazu kontrastiert. Nur dann ist der Marquee-Text gut lesbar. Sie müssen also evtl. eine kontrastierende Vordergrundfarbe bestimmen.
Beispiel
<font color=#FFFFFF><b><marquee bgcolor=#990099>Scroll-Text</marquee></font></b>In diesem Beispiel wird mit Hilfe der Anweisung für Schriftfarben (font color...) eine weiße Textfarbe (#FFFFFF) definiert, die zu dem knallroten Hintergrund (#990099) kontrastiert. Um den Kontrast zu verstärken, wird der Text zusätzlich mit <b> ... </b> gefettet.
Beispiele
<marquee algin=top>Marquee-Text</marquee> und oben daran ausgerichteter Text <marquee algin=middle>Marquee-Text</marquee> und mittig daran ausgerichteter Text <marquee algin=bottom>Marquee-Text</marquee> und unten daran ausgerichteter TextDurch die Zusatzangabe align=top im einleitenden Tag von <marquee ... > erreichen Sie, daß der umgebende Text obenbündig zu dem Marquee-Text ausgerichtet wird. Mit align=middle wird der umgebende Text mittig ausgerichtet, mit align=top untenbündig.
Ferner können Sie die Höhe des Marquee-Bereichs sowie die Abstände zwischen dem Marquee-Text und dem Text davor bzw. dahinter festlegen.
Beispiele
<marquee height=20 hspace=10>Marquee-Text</marquee>Durch die Zusatzangabe height= im einleitenden Tag von <marquee ... > bestimmen Sie die Höhe des Marquee-Bereichs. Diese Angabe ist vor allem interessant, wenn Sie für den Marquee-Bereich eine eigene Hintergrundfarbe bestimmen. Mit der Höhe des Marquee-Bereichs legen Sie dann die Höhe des andersfarbigen Kastens fest, in dem der Marquee-Text gescrollt wird. Die Angabe erfolgt entweder absolut in Pixeln (wie im Beispiel), oder in Prozent relativ zur Höhe des Anzeigefensters. Um einen Prozentwert anzugeben, hängen Sie hinter die Wertangabe einfach ein Prozentzeichen % (z.B. height=10%).
Sie brauchen für jedes "Dia" eine eigene HTML-Datei. Mit Hilfe einer Anweisung im Dateikopf wird nach einer bestimmten Zeit automatisch die nächste Datei aufgerufen. Das folgende Beispiel arbeitet mit vier Dateien.
Beispiel 1. Datei (DAT1.HTM)
<html> <head> <title>1. Datei der Dia-Show</title> <meta http-equiv="Refresh" content="8; url=dat2.htm"> </head> <body> Überschriften, Text, Verweise, Grafikreferenzen usw. </body> </html>
Beispiel 2. Datei (DAT2.HTM)
<html> <head> <title>2. Datei der Dia-Show</title> <meta http-equiv="Refresh" content="4; url=dat3.htm"> </head> <body> Überschriften, Text, Verweise, Grafikreferenzen usw. </body> </html>
Beispiel 3. Datei (DAT3.HTM)
<html> <head> <title>3. Datei der Dia-Show</title> <meta http-equiv="Refresh" content="6; url=dat4.htm"> </head> <body> Überschriften, Text, Verweise, Grafikreferenzen usw. </body> </html>
Beispiel 4. Datei (DAT4.HTM)
<html> <head> <title>1. Datei der Dia-Show</title> <meta http-equiv="Refresh" content="7; url=dat1.htm"> </head> <body> Überschriften, Text, Verweise, Grafikreferenzen usw. </body> </html>Mit dem HTML-Tag <meta http-equiv="Refresh" ... > und der in den Beispielen verwendeten Syntax können Sie erzwingen, daß nach einer anzugebenden Zeit automatisch die nächste, ebenfalls anzugebende Datei aufgerufen wird. Mit der Zusatzangabe content="6; bestimmen Sie die Anzeigedauer der Datei in Sekunden. Die 6 im Beispiel bedeutet also, daß die Datei 6 Sekunden lang angezeigt wird. Danach wird die nächste Datei aufgerufen, die mit url=..." spezifiziert wird.
Notieren Sie den gesamten Befehl inclusive der etwas ungewohnten Stellung der Anführungszeichen so wie in den Beispielen oben angegeben. Setzen Sie jeweils Ihre gewünschte Anzeigedauer und den Namen der nächsten aufzurufenden Datei ein.
Im obigen Beispiel enthält die letzte der vier Dateien wieder einen Aufruf der ersten Datei. So erzeugen Sie eine "Endlosschleife", d.h. die Dia- Show läuft solange ab, bis der Anwender mit Hilfe der Navigationsmittel seines Browsers (oder bei Frames: in einem anderen Anzeigefenster einen Verweis anklickt und dadurch) eine andere Datei aufruft.
Hinweis: Der Dia-Show-Effekt funktioniert nur, solange der Anwender die Maus bewegt oder scrollt.
HTML-Dateien selbst erstellen: Inhaltsverzeichnis
Seitenanfang
Blättern:
Seitenränder, Farben, Hintergrundbilder und -musik |
Style-Sheets
© 1996 Stefan Münz