Hilfreiche Ratschläge

Wie man eine kriechende Linie auf dem Aufstellungsort bildet

Pin
Send
Share
Send
Send


Haben Sie jemals die abrupte Bewegung von Lauftext auf einer Website gesehen? Haben Sie sich jemals gefragt, wie es gemacht wurde? Sie müssen nicht woanders nach Informationen suchen! Dieser Lauftext wird als Laufschrift bezeichnet. Es kann in jeder Farbe hergestellt werden, es kann in jede Richtung gescrollt werden und vieles mehr. Siehe Schritt 1 unten, um loszulegen!

  1. 1 Öffnen Sie das HTML-Dokument, falls Sie dies noch nicht getan haben.
  2. 2 Platzieren Sie diesen Code an der Stelle, an der sich das Auswahlrechteck befinden soll:
  3. 3 Wählen Sie eine Hintergrundfarbe. Sie können den Hintergrund der Kriechlinie ändern, indem Sie nach dem Teil "Hintergrundfarbe:" des Codes (Hintergrundfarbe) einen Hexadezimalwert (HEX) oder einen RGB-Wert (Rot-Grün-Blau) angeben. Der voreingestellte Wert # 000080 ist Marineblau farbe. Eine vollständige Liste der Farben und ihrer Bedeutungen finden Sie hier.
  4. 4 Stellen Sie die Bildlaufrichtung ein. Attribut ändern Richtung im Code für eine der folgenden Angaben: rechts (von links nach rechts), links (von rechts nach links (Standard)), oben (von unten nach oben) oder unten (von oben nach unten).
  5. 5 Geben Sie die Anzahl der Fahrzyklen der Kriechstrecke an. Attribut Schleife kann nach Bedarf geändert werden - es regelt, wie oft sich die Kriechlinie bewegen soll. Wenn Sie möchten, dass es sich kontinuierlich bewegt, senken Sie es ab.
  6. 6 Geben Sie den Text der Kriechlinie an. Der Text innerhalb des Tags und des Tags führt einen Bildlauf in der kriechenden Linie durch. Schreiben Sie, was angezeigt werden soll.
  7. 7 Stellen Sie die Textfarbe ein. Attribut hinzufügen Stil Innenwahl
  • Hier ist ein einfacher Scroll-Code für kriechende Zeilen:

Dies ist eine Scrolling-Scrolling-Zeile.

  • Crawl-Linien auf Websites sind in der Regel etwas nervig.
  • Seien Sie vorsichtig, wenn Sie Attribute für kriechende Linien ändern.

Kriechende Linie auf HTML. HTML-Grundlagen für Anfänger. Lektion Nummer 9

Hallo allerseits!
Erlernen Sie die Grundlagen von HTML.
In dieser Lektion werde ich erzählen und lehren Wie erstelle ich eine kriechende Linie in einem HTML-Dokument?. Dies ist eine Art primitive Animation auf einer Website ohne die Verwendung von Grafikeditoren.
Eine Kriechlinie kann verwendet werden, um Nachrichten, Werbeaktionen, eine Werbebotschaft und sogar für schöne Designmomente anzuzeigen (zum Beispiel: Eine Wolke am Himmel bewegt sich in der Kopfzeile einer Site). Ich denke, dass Sie selbst die Anwendung einer laufenden Linie auf Ihrer Site finden werden, und meine Aufgabe ist es nun, Ihnen zu sagen, wie dies getan wird und wie es in der Praxis aussieht.
Verwenden Sie das folgende Tag, um eine kriechende Linie zu erstellen:

* Attribute für kriechende Linie
Laufschrift-Hintergrundfarbe
Um den Hintergrund der laufenden Linie einzufärben, fügen Sie dem Tag "Laufschrift" das Attribut "bgcolor" hinzu:

Ergebnis:
Kriechende Linie

○ Höhe und Breite einer laufenden Linie
Fügen Sie dem Laufschrift-Tag die Attribute "width" und "height" hinzu, um die Höhe und Breite der Kriechlinie festzulegen:

○ Kriechverhalten
Fügen Sie dem Laufschrift-Tag das Attribut "Verhalten" mit den folgenden Werten hinzu:

scroll - normaler Bildlauf (Standard),

slide - Die Linie beginnt an einer Kante und endet an der anderen.

alternate - Die Linie bewegt sich von Kante zu Kante

normales Scrollen (Standard)

Die kriechende Linie wird sich von einer Kante kreuzen und an einer anderen anhalten

Die Linie bewegt sich von Kante zu Kante

○ Kriechlinienrichtung
Fügen Sie dem Laufschrift-Tag das Richtungsattribut mit den folgenden Werten hinzu:

left - verschiebt den Text nach links (Standard),

rechts - verschiebe den Text nach rechts,

nach oben - Textbewegung von unten nach oben,

nach unten - Textbewegung von oben nach unten

verschiebe den Text nach links (Standard)

Textbewegung nach rechts

Textbewegung von unten nach oben

Textbewegung von oben nach unten

○ Geschwindigkeit der Kriechstrecke
Fügen Sie dem Laufschrift-Tag das Attribut scrollamount hinzu, um die Geschwindigkeit des Bewegens der Kriechlinie anzupassen:

Je größer der Wert, desto höher die Geschwindigkeit.

○ Verzögerung der kriechenden Leitung
Ein weiteres Attribut, mit dem Sie die Geschwindigkeit einstellen können. Je höher der Wert, desto niedriger die Geschwindigkeit. Fügen Sie dem Laufschrift-Tag das scrolldelay-Attribut hinzu:

○ Anzahl der Ticks
Wenn Sie eine bestimmte Anzahl von Durchläufen für kriechende Linien angeben müssen, fügen Sie dem Laufschrift-Tag das Attribut loop hinzu:

Im Beispiel ist der Wert "2", was bedeutet, dass nur zwei Durchgänge stattfinden.

○ kriechende Einschnitte
Wenn Sie den Einzug links und rechts angeben müssen, fügen Sie dem Laufschrift-Tag das Attribut "hspace" hinzu:

So fügen Sie ein Bild in eine kriechende Linie ein

Um eine kriechende Linie in ein Bild einzufügen, fügen Sie ein bereits bekanntes Tag zwischen die Tags ein, um das Bild anzuzeigen:


Alle Attribute für das Tag sind auch in diesem Fall gültig.

Attribute und Parameter

1. w - Legt die Breite der laufenden Linie in Pixel / Prozent fest. Diejenigen, die mit HTML vertraut sind, kennen dieses Attribut wahrscheinlich. Zum Beispiel:

  • w - setzt die Breite auf 40% abhängig von der Breite des Blocks, in dem sich das Objekt befindet,

2. height = "number / percent" - Legt die Höhe der laufenden Linie in Pixel / Prozent fest. Ein Beispiel kann wie beim ersten Attribut angegeben werden. Zum Beispiel:

  • height = "400px" - Setzt die Höhe auf 400 Pixel.
  • height = "30%" - setzt die Höhe in Abhängigkeit von der Höhe des Blocks, in dem sich das Objekt befindet, auf 30%.

Hinweis: Wenn die kriechende Linie nur aus einer Linie besteht, kann die Höhe weggelassen werden, da sie abhängig von der Schriftgröße, die durch den Parameter font-size: Npx festgelegt wird, automatisch ermittelt wird.

3. bgcolor = "color" - Legt die Hintergrundfarbe des Containers fest. Sie können eine Farbe auf der Seite auswählen: HTML-Farbcodes. Hinweis: Wenn das Attribut bgcolor nicht festgelegt ist, entspricht der Hintergrund der Hintergrundfarbe der Seite.

4. Verhalten = "Parameter" - Dies ist eines der wichtigsten Attribute der laufenden Linie. Es legt das Verhalten der Kriechlinie fest. Es gibt einige verschiedene Möglichkeiten:
• alternierend - die laufende Linie bewegt sich zyklisch: von rechts nach links, dann von links nach rechts (verläuft zwischen den Rändern). Zum Beispiel:

Und so sieht diese Zeile auf der Website aus:

• scrollen - Die kriechende Linie bewegt sich außerhalb des Bereichs in der vom Richtungsattribut angegebenen Richtung (mit dem Parameter) und wird dann zyklisch wiederholt. Meiner Meinung nach ist diese Option am gebräuchlichsten. Zum Beispiel:

5. direction = "parameters" - legt die Bewegungsrichtung der Kriechlinie fest. Es kann folgende Werte annehmen:
• nach unten - Bewegung von oben nach unten. Zum Beispiel:

6. hspace = "number" - Legt den horizontalen Einzug für andere Objekte fest. Das beliebte img-Tag hat ein ähnliches Attribut.

7. vspace = "number" - Legt den vertikalen Einzug für andere Objekte fest.

8. loop = "number" - wie oft müssen Sie durch den Inhalt scrollen. Der Parameter gibt eine Zahl an, die die Anzahl der Wiederholungen festlegt. Hinweis: -1 bedeutet eine Endlosschleife. Der Standardwert ist -1.

9. scrollamount = "number" - die Geschwindigkeit der sich bewegenden Linie. Die Zahl legt die Anzahl der Pixel fest, um die sich das Objekt in einem einzigen Taktzyklus bewegt. Hinweis: Die Standardgeschwindigkeit beträgt 6 Pixel / Sek. Zum Beispiel:

10. scrolldelay = "number" - Legt die Verzögerung zwischen den Schritten der kriechenden Linie in Millisekunden fest. Zum Beispiel:

Am Ende werde ich 2 Beispiele für die Verwendung von kriechenden Linien geben. Beispiel mit einem div Objekt:

Sehen Sie sich das Video an: Stenotaphrum secundatum (Kann 2021).

Pin
Send
Share
Send
Send