Eine durchlaufende Schlagzeile auf einer Webseite erstellen

February 25

Eine durchlaufende Schlagzeile auf einer Webseite erstellen

Durchlaufende Schlagzeile Effekte fangen die Aufmerksamkeit der Website-Besucher. Diese Effekte erfordern nur einfache Programmierung und Web-Entwickler implementieren sie ein einzelnes HTML-Tag aufgerufen, ein Festzelt mit. Ein Marquee-Tag hat elf Eigenschaften, die die Darstellung und Funktionalität bestimmen. Beispielsweise legen Sie die Hintergrundfarbe, mit der \"bgcolor\" Eigenschaft oder die Geschwindigkeit der Laufschrift, die mithilfe der Scrollamount-Eigenschaft festgelegt. Diese Eigenschaften im Body-Tag des Dokuments einfügen oder JavaScript verwenden, um diese in Echtzeit ändern. Mischen Sie und kombinieren Sie die Eigenschaften um einzigartige durchlaufende Schlagzeile-Effekte auf Ihrer Website zu erstellen.

Anweisungen

1 Erstellen Sie eine neue HTML-Datei und fügen Sie diesen Code an die Körper-Anweisung:

< Festzelt Id = \ "TestMarquee\" Scrollamount = \ "15\" >< h1 > Dies ist eine Überschrift < / h1 >< / Marquee >

Das Marquee-Tag erstellt ein Festzelt mit einer Überschrift. Scrollamount-Wert wird auf 15 festgelegt. Erhöhen Sie diesen Wert, um dem Lauftext schneller bewegen. Verringern Sie den Wert um den Text zu verlangsamen.

2 Fügen Sie diese vier Button-Tags unterhalb der Marquee-Tag:

< Eingang Typ = \ "Button\" Id = \ "Start\" Wert = \ "Start\" / >< Eingang Typ = \ "Button\" Id = \ "Stop\" Wert = \ "Stop\" / >< Eingang Typ = \ "Button\" Id = \ "Right\" Wert = \ "Right\" / >< Eingang Typ = \ "Button\" Id = \ "Left\" Wert = \ "Left\" / >

3 Fügen Sie diesen Code zum Skriptabschnitt < > der HTML-Datei:

Var myMarqueeGEHENWindow.OnLoad = Function () {}

myMarquee = document.getElementById(\&quot;testMarquee\&quot;)

GEHEN

document.getElementById('stop').onclick = stop

GEHEN

document.getElementById('start').onclick = start

GEHEN

document.getElementById('right').onclick = right

GEHEN

document.getElementById('left').onclick = left

GEHEN

}GEHEN

Dieser Code fügt eine \"onclick\"-Ereignishandler auf die Schaltflächen. Wenn Sie auf eine Schaltfläche klicken, wird JavaScript die entsprechende Funktion aufrufen.

4 Die Skriptabschnitt dieser JavaScript-Funktionen hinzufügen:

Funktion stop() {}

myMarquee.stop()

GEHEN}

Funktion start() {}

myMarquee.start()

GEHEN}

Funktion right() {}

myMarquee.direction = \&quot;right\&quot;

GEHEN}

Funktion left() {}

myMarquee.direction = \&quot;left\&quot;

GEHEN}

Jede Funktion legt eine Laufschrift-Eigenschaft oder führt eine Laufschrift-Funktion.

5 Speichern Sie die Datei, und zeigen Sie es in Ihrem Browser. Klicken Sie auf die Schaltflächen, um die Laufschrift Verhalten zu beobachten, wie die JavaScript-Funktionen auf ihre Eigenschaften ändern.

Tipps & Warnungen

  • Das Festzelt ist ein nicht-standard-Tag, der von der HTML 4.01-Spezifikation nicht unterstützt wird. Organisationen wie The Illinois Center für Informationstechnologie und Web Accessibility entmutigen darüber hinaus die Verwendung des Auswahlbereichs, weil es Probleme der Barrierefreiheit für Internetnutzer mit Behinderungen verursacht.

SIE KÖNNEN AUCH GERNE