Das Laufschriftelement implementiert Effekte wie scrollende Schriften und Bilder

Das Laufschriftelement implementiert Effekte wie scrollende Schriften und Bilder
Mit dem Laufschriftelement können Sie einfache Gleiteffekte für Schriftarten (Bilder usw.) und andere Effekte erzielen:

Code kopieren
Der Code lautet wie folgt:

<style type="text/css">
#div01{
Breite: 500px;
}
</Stil>
<Skripttyp="text/javascript">
</Skript>
<marquee behavior="alertnate"><font size=30 color='red'>www.baidu.com111</font></marquee>
<marquee direction=right bgcolor='#ff2233' behavior="alertnate"><font size=30 color='blue'>www.baidu.com222</font></marquee>
<marquee id="m3" Richtung=nach unten bgcolor='#dbdbdb' Höhe=50px hspace=20px vspace=20px Verhalten="alertnate" Scrolllinks=links onmouseover="this.stop()" onmouseout="this.start()"><font size=30 color='blue'>www.baidu333.com</font></marquee>
<marquee id="m4" direction=up bgcolor='#00dbdb' behavior="alertnate"><font size=30 color='blue'>www.baidu444.com</font></marquee>



<div id="div01"><marquee direction=right bgcolor='#ff2233' behavior="alertnate" scrolldelay=100><font size=30 color='blue'>www.baidu.com555</font></marquee></div>
<input Typ="Schaltfläche" onclick="m3.stop();" Wert="m3.stop"></input>
<input Typ="Schaltfläche" onclick="m3.start();" Wert="m3.start"></input>
<button onclick="m4.stop();">m4.stop</button>
<button onclick="m4.start();">m4.start</button>

direction gibt die Scrollrichtung an. Die Werte können links, rechts, oben, unten sein. Der Standardwert ist links.
behavior gibt den Scrollmodus an. Der Wert kann scroll (kontinuierliches Scrollen), slide (einmal schieben) oder alternate (vor- und zurückscrollen) sein.
loop gibt die Anzahl der Schleifen an, der Wert ist eine positive Ganzzahl, der Standardwert ist eine Endlosschleife
scrollamount gibt die Bewegungsgeschwindigkeit an, der Wert ist eine positive Ganzzahl, der Standardwert ist 6
scrolldelay gibt die Pausenzeit an. Der Wert ist eine positive Ganzzahl. Der Standardwert ist 0. Die Einheit scheint Millisekunden zu sein.
align gibt die vertikale Ausrichtung des Elements an. Der Wert kann oben, mittig oder unten sein. Der Standardwert ist mittig.
bgcolor gibt die Hintergrundfarbe des Bewegungsbereichs an. Der Wert ist eine hexadezimale RGB-Farbe. Der Standardwert ist weiß.
Höhe und Breite stellen die Höhe und Breite des Bewegungsbereichs dar. Der Wert ist eine positive Ganzzahl (in Pixeln) oder ein Prozentsatz. Die Standardbreite beträgt 100 %. Höhe ist die Höhe des Elements im Tag.
hspace und vspace stellen die horizontalen und vertikalen Abstände vom Element zur Regionsgrenze dar. Die Werte sind positive Ganzzahlen in Pixeln.
onmouseover=this.stop() onmouseout=this.start() bedeutet, dass das Scrollen stoppt, wenn sich die Maus über dem Bereich befindet, und fortgesetzt wird, wenn die Maus wegbewegt wird.

Nachfolgend finden Sie die Einstellung für das Scrollen bzw. Anhalten von m3 und m4 beim Klicken auf die Schaltfläche:

Code kopieren
Der Code lautet wie folgt:

<Eingabetyp="Schaltfläche" onclick="m3.stop();" Wert="m3.stop"></Eingabe>
<input Typ="Schaltfläche" onclick="m3.start();" Wert="m3.start"></input>
<button onclick="m4.stop();">m4.stop</button>
<button onclick="m4.start();">m4.start</button>

<<:  Implementierung einer MySQL-Sicherungsstrategie (vollständige Sicherung + inkrementelle Sicherung)

>>:  25 neue nützliche Icon-Sets zum Download im Ausland

Artikel empfehlen

Eine kurze Diskussion über die Rolle von Vue3 defineComponent

Inhaltsverzeichnis defineComponent-Überladungsfun...

Fassen Sie einige häufige Rankingprobleme in MySQL zusammen

Vorwort: In manchen Anwendungsszenarien stoßen wi...

So erstellen Sie ein CentOS-Basisimage

Vorwort Derzeit ist das von meiner Firma verwende...

Kontinuierliche Bereitstellung mit Jenkins und Docker unter Docker

1. Was ist Continuous Delivery Der Ausgabeprozess...

Eine Frage zum Verständnis mehrerer Parameter des Sortierbefehls in Linux

Der Sortierbefehl wird sehr häufig verwendet, ver...

Detaillierte Erklärung des CSS3-Rotationswürfelproblems

3D-Koordinatenkonzept Wenn sich ein Element dreht...

Verwendung des Linux-Befehls ipcs

1. Befehlseinführung Der Befehl ipcs wird verwend...

Lösen Sie schnell das Problem der chinesischen Eingabemethode unter Linux

Hintergrund: Ich arbeite derzeit an Funktionen fü...

Zusammenfassung gängiger Begriffe in CSS (Cascading Style Sheet)

Wenn Sie CSS verwenden, vergessen Sie nicht, DOCTY...

So beschränken Sie das Eingabefeld in HTML auf die Eingabe reiner Zahlen

Beschränken Sie input Eingabefeld auf reine Zahle...