Text in HTML blinken lassen

Schritte
- Methode 1 von 2: Verwenden des Marquee-Tags
- Methode 2 von 2: JavaScript verwenden
Tipps
Warnungen

Blinkender Text war noch nie Teil der Standardfunktionen von HTML und es gibt keinen Ansatz, der für jeden Browser funktioniert. Die ähnlichste Option, die nur HTML verwendet, ist das Marquee-Tag, aber selbst es funktioniert nicht mit Google Chrome. Javascript ist eine zuverlässigere Methode und Sie können den Code direkt ausschneiden und in Ihr HTML-Dokument einfügen.

Schritte

Methode 1 von 2: Verwenden des Marquee-Tags

Bildtitel Make Text Blink in HTML Step 1

1. Verwenden Sie das Marquee-Tag nur für persönliche Projekte. Das Marquee-Tag ist veraltet und Entwickler empfehlen dringend, es zu vermeiden. Verschiedene Browser zeigen es unterschiedlich an und zukünftige Updates können verhindern, dass der Text vollständig blinkt. wenn Sie eine professionelle Website erstellen möchten.

Google Chrome unterstützt das Attribut `scrollamount` nicht, auf das diese Methode angewiesen ist. In diesem Browser rollt Ihr Text über die Seite, anstatt zu blinken.

Bildtitel Make Text Blink in HTML Step 2

2. Fügen Sie die Marquee-Tags um den blinkenden Text ein. Öffnen Sie Ihr HTML-Dokument in einem einfachen Textverarbeitungsprogramm. Typ

Wie immer Richten Sie zuerst Ihre HTML-Seite ein von

Bildtitel Make Text Blink in HTML Step 3

3. Stellen Sie die Textbreite ein. Ändere das öffnende Tag in

Wenn Ihr Text nicht passt, rollt er statt zu blinken. Erhöhen Sie die Breite, um dies zu vermeiden.

In Chrome rollt der Text über eine Strecke, die durch seine Breite bestimmt wird.

Bildtitel Make Text Blink in HTML Step 4

4. Stellen Sie den Bildlaufbetrag auf den gleichen Wert wie die Breite ein. Innerhalb desselben Tags schreibst du Scrollbetrag=`300` (oder die gleiche Zahl wie die Breite). Standardmäßig läuft der Laufschrifttext über den Bildschirm. Indem Sie den Bildlaufbetrag auf die gleiche Zahl wie die Breite einstellen, wird der Text an der gleichen Position `scrollen`, an der er sich zuvor befand. Dies ergibt einen blinkenden Effekt.

Ihr Text sollte jetzt ungefähr so aussehen:

Bildtitel Make Text Blink in HTML Step 5

5. Scrollverzögerung ändern. Öffnen Sie die HTML-Datei in einem Webbrowser, um den Effekt zu sehen. Wenn der Text zu schnell oder zu langsam blinkt, ändern Sie die Geschwindigkeit mit dem Attribut scrolldelay=`500`. Die Standardverzögerung ist auf 85 eingestellt. Verwenden Sie eine höhere Zahl für ein langsameres Blinken oder eine niedrigere Zahl für ein schnelleres Blinken.

Sie sollten jetzt haben:

Bildtitel Make Text Blink in HTML Step 6

6. Begrenzen Sie die Anzahl der Blitze (optional). Viele Webnutzer finden blinkenden Text nervig. Um die Animation zu stoppen, sobald Sie die Aufmerksamkeit des Lesers haben, geben Sie ein Schleife=`7`. Jetzt blinkt der Text sieben Mal und verschwindet dann. (Sie können eine beliebige Zahl anstelle von sieben verwenden.)

Der fertige Code:

Methode 2 von 2: JavaScript verwenden

Bildtitel Make Text Blink in HTML Step 7

1. Fügen Sie ein Blink-Skript in die Kopfzeile Ihres HTML-Dokuments ein. Zwischen den

Funktion Blinktext() {
var f=Dokument.getElementById(`Ankündigung`);
setInterval(Funktion() {
F.Stil.Sichtbarkeit=(f.Stil.Sichtbarkeit==`versteckt` ? `` : `versteckt`);
}, 1000);
}

Bildtitel Make Text Blink in HTML Step 8

2. Fügen Sie den Befehl ein, um Ihr Skript zu laden. Der obige Code hat eine Funktion definiert und sie `blinktext` genannt. Um diese Funktion in Ihrem HTML-Code zu verwenden, ändern Sie die

Bildtitel Make Text Blink in HTML Step 9

3. Definiere deinen blinkenden Text als Ansage. Dieses Skript betrifft nur Elemente mit der ID `Ankündigung`. Platzieren Sie Ihren blinkenden Text in jedem Element und geben Sie ihm diese ID. Geben Sie beispielsweise ein

Sie können dies in alles umbenennen, was Sie möchten. Stellen Sie nur sicher, dass Sie dasselbe Wort im Skript und die Element-ID verwenden.

Bildtitel Make Text Blink in HTML Step 10

4. Passen Sie das Skript an. Die Zahl `1000` im Skript legt die Verzögerung zwischen den Blinkvorgängen fest. Dies ist in Mikrosekunden, ein Wert von 1000 lässt den Text also einmal pro Sekunde blinken. Ändern Sie dies auf eine niedrigere Zahl, um das Blinken zu beschleunigen, oder auf eine höhere Zahl, um es zu verlangsamen.

Die tatsächliche Verzögerung wird diesem Wert wahrscheinlich nicht genau entsprechen. Es ist normalerweise etwas kürzer, kann aber länger dauern, wenn Ihr Browser mit anderen Anfragen beschäftigt ist.

Tipps

Sie können das Aussehen des Laufschrifttextes mit dem Stilattribut anpassen. Versuchen Sie, style=`border:solid` hinzuzufügen.
Sie können zusätzlich zu width auch ein height-Attribut in das Marquee-Tag einfügen, aber viele Browser ignorieren dies. Möglicherweise sehen Sie einen Unterschied, wenn Sie dem Festzelt einen Rahmen hinzufügen.
Sie können auch CSS-Animationen verwenden, um Text blinken zu lassen. Dies ist ziemlich schwierig und für CSS-Anfänger nicht zu empfehlen. Beachten Sie, dass Sie über ein verknüpftes CSS-Dokument verfügen müssen, da Firefox keine CSS-Animationen mit Inline-CSS unterstützt.