|
Horizontaler Lauftext
Um Lauftext zu erzeugen benutzt man das Tagpaar: <marquee>...</marquee>
Macht man keine weiteren Angaben im einleitenden Tag, scrollt der Text von Rechts nach Links.
Das Beispiel
<marquee>Dieser Text scrollt von Rechts nach Links</marquee>
führt zu folgendem Ergebnis:
|
| |
|
Soll die Laufrichtung umgekehrt werden, also von links nach rechts, erweitert man den einleitenden Tag um direction=right
Das Beispiel
<marquee direction=right>Dieser Text scrollt von links nach rechts</marquee>
führt zu folgendem Ergebnis:
|
| |
|
Soll der Text ständig hin und her gescrollt werden, so erweitert man den einleitenden Tag mit behavior=alternate
Das Beispiel
<marquee behavior=alternate>Dieser Text scrollt von hin und her</marquee>
führt zu folgendem Ergebnis:
|
| |
|
Geschwindikeit einstellen
Die Geschwindigkeit lässt sich durch zwei Parameter beeinflussen, scrollamount= und scrolldelay=, die dem einleitenden Tag hinzugefügt werden können.
Mit dem Zahlenwert hinter scrollamount= wird der Pixelabstand zwischen den Scrollzuständen bestimmt.
Mit dem Zahlenwert hinter scrolldelay= wird die Pausenzeit zwischen den Scrollzuständen bestimmt.
Hier vier Beispiele mit unterschiedlichen Werten für scrollamount und scrolldelay
Mit scrollamount=1 und scrolldelay=200 sieht das dann so aus:
<marquee scrollamount=1 scrolldelay=200>Dieser Text wird wird sehr langsam gescrollt</marquee> und führt zu folgendem Ergebnis:
|
| |
|
Mit scrollamount=1 und scrolldelay=1
|
| |
|
Mit scrollamount=5 und scrolldelay=1
|
| |
|
Mit scrollamount=10 und scrolldelay=1
|
| |
|
Vertikaler Lauftext
Damit der Text von oben nach unten scrollt, erweitert man den einleitenden Tag mit direction="down"
Das Beispiel
<marquee direction="down" scrollamount=2>Text scrollt von oben nach unten</marquee>
ergibt:
Um die Richtung zu ändern, also vom unten nach oben, wird der einleitende Tag mit direction="up" erweitert
Das Beispiel
<marquee direction="up" scrollamount=2>Text scrollt von unten nach oben</marquee>
ergibt:
Möchte man den Text ständig auf und ab scrollen lassen, muss der einleitende Tag zusätzlich um behavior=alternate für das auf und ab und um style="height: Pixelwert" für den Höhenbereich, erweitert werden.
Das Beispiel
<marquee direction="up" behavior=alternate style="height:50px" scrollamount=2>Text scrollt immer auf und ab</marquee>
ergibt:
BlinkendenText kann man erzeugen, wenn man den einleitenden Tag für vertikales Scrollen <marquee direction="up"> nimmt und mit scrollamount=25 erweitert. Dabei ist zu beachten, dass wenn man den Text vergrößert, man auch den Zahlenwert für scrollamount= entsprechend erhöhen muss. Die Blinkfrequenz kann man über den Zahlenwert ändern, wenn noch scrolldelay=Zahlenwert dem einleitenden Tag hinzugefügt wird.
In dem folgenden Beispiel wurde ein Wert von 400 für scrolldelay gewählt. Für den Text ACHTUNG WICHTIG wurde Fett, Größer, Farbe Rot gewählt. Insgesamt sieht das dann so aus:
<marquee direction="up" scrollamount=25 scrolldelay=400><big><b><font color=#"FF0000">ACHTUNG WICHTIG</font></b></big></marquee>
Das Ergebnis:
Lauftext auf farbigen Hintergrund
Um einen farbigen Hintergrund für den Lauftext zu erzeugen, erweitert man den einleitenden Tag mit bgcolor=#Farbwert.
Das Beispiel
<marquee bgcolor=#FF6633>Dieser Text wird auf orangenem Hintergrund gescrollt</marquee>
führt zu diesem Ergebnis:
|
| |
|
Natürlich funktioniert das auch mit größerer und auch farbiger Schrift. Dazu wird der Text mit den entsprechenden Tags versehen.
Für das nächste Beispiel mit großer,fetter, grüner Schrift sieht das für den Text so aus:
<font size=10 color=#33FF66><b>Scroll-Text</b></font>
und wird nun komplett zwischen die Tags für den Marquee-Efekt geschrieben. Als Ganzes sieht das dann, für auf orangenem Hintergrund, so aus:
<marquee bgcolor=#FF6633><font size=10 color=#33FF66><b>Scroll-Text</b></font></marquee>
Das Ergebnis:
|
| |
|
Soll der Text nicht über die gesamte Breite der Seite scrollen, kann der einleitende Tag mit width="Prozent" erweitert werden.
Im folgendem Beispiel mit anderer Textfarbe und anderer Hintergrundfarbe ist die Breite auf 50% begrenzt und sieht dann so aus:
<marquee bgcolor=#990099 width=50%><font size=10 color="#FFFF00"><b>Scroll-Text</b></font></marquee>
Das Ergebnis:
|
| |
|
Marquee-Effekt mit Bild
Marquee funktioniert auch mit Bildern. Dazu benutzt man den Tag <img src="Pfadangabe zum Bild">. Dieser Tag wird dann innerhalb der Marquee-Tags geschrieben.
In dem folgenden Beispiel habe ich das Bildchen tux.png gewählt, welches sich im Verzeichnis /opt/kde3/share/icons/hicolor/64x64/apps befindet. Damit sieht der Tag dann so aus:
<img src="/opt/kde3/share/icons/hicolor/64x64/apps/tux.png">
Zusammen mit den Marquee-Tags (scrollamount="2" scrolldelay="1") und einem Text Marquee mit Text sieht das ganze dann so aus:
<marquee scrollamount="2" scrolldelay="1"> Marquee mit Bild <img src="/opt/kde3/share/icons/hicolor/64x64/apps/tux.png"></marquee>
Das Ergebnis:
|
| |
|
Kombinierte Marquee-Effekte
Es ist auch möglich die Marquee-Effekte zu kombinieren. Man erreicht dies in dem man einen Marquee-Effekt erstellt und dann diesen komplett zwischen den einleitenden Tag und den abschließenden Tag des anderen Marquee-Effekts schreibt.
In dem folgenden Beispiel besteht der kombinierte Marquee-Effekt aus einem vertikalen "auf und ab" Marquee-Effekt, der innerhalb der Tags eines horizontalen "hin und her" Marquee-Effekts steht. Gescrollt wird dabei wieder das Tux-Bildchen aus obigen Beispiel.
Für das Beispiel wird folgendes geschrieben:
<marquee behavior=alternate scrollamount=3 scrolldelay=1><marquee direction="up" behavior=alternate style="height:150px" scrollamount=3 scrolldelay=1><img src="/opt/kde3/share/icons/hicolor/64x64/apps/tux.png"></marquee></marquee>
Das Ergebnis sieht dann so aus: |
| |
| |
zurück
 | Inhaltsverzeichnis
Tellico Bedienungsanleitung
 |
weiter
 | |
|
| |
|
