Heim  >  Artikel  >  Web-Frontend  >  Was ist der Code für die Bildlaufleiste in HTML? Wie stelle ich die HTML-Bildlaufleiste ein?

Was ist der Code für die Bildlaufleiste in HTML? Wie stelle ich die HTML-Bildlaufleiste ein?

寻∝梦
寻∝梦Original
2018-09-04 11:30:5413661Durchsuche

In diesem Artikel wird hauptsächlich der Code der Bildlaufleiste in HTML sowie die Verwendung des Marquee-Tag-Attributs des HTML-Bildlaufleistencodes vorgestellt

Zuerst stellen wir den Bildlaufleistencode in HTML vor:

Heute stellen wir die HTML-Bildlaufleistenbezeichnung „Marquee“ vor.

b0a2403e88a2f3d6735bb6184935eb35-Beschriftung, die angezeigt wird Paarweise ist der Inhalt zwischen dem ersten Tag ed126914ed1419bab26abf7cf307b7b9 und dem letzten Tag 7204e33a7a23f6efcc788532e245c31b Zu den Attributen des ed126914ed1419bab26abf7cf307b7b9-Tags gehören hauptsächlich Verhalten, Hintergrundfarbe, Richtung, Breite, Höhe, Hspace, Vspace, Schleife, Scrollamount, Scrolldelay usw. Sie sind alle optional.

Lassen Sie uns nun über das Festlegen der HTML-Bildlaufleiste sprechen:

An dieser Stelle werfen wir einen Blick darauf, wie das Marquee-Tag seine Attribute verwendet, um die HTML-Bildlaufleiste zu implementieren .

1.html Das Verhaltensattribut des Marquee-Tags:

Der Parameterwert des Verhaltensattributs ist einer von Alternate, Scroll und Slide, was dies jeweils angibt Der Text scrollt hin und her und in eine Richtung. Es ist zu beachten, dass die Scroll- und Schieberichtung gleichzeitig im Tag ed126914ed1419bab26abf7cf307b7b9 angezeigt wird basiert auf der Einstellung der Parameter im Richtungsattribut.

<marquee behavior="alternate">我来回滚动</marquee> 
<marquee behavior="scroll">我单方向循环滚动</marquee>
<marquee behavior="scroll" direction="up" height="30">我改单方向向上循环滚动</marquee> 
<marquee behavior="slide">我只滚动一次</marquee> 
<marquee behavior="slide" direction="up">我改向上只滚动一次了</marquee>

Die Stile sind sehr schön und dynamisch. Wenn Sie interessiert sind, können Sie es einfach hier kopieren und dann zu http://www.php.cn/ gehen. Fügen Sie hier code/26516.html ein und Sie können den Effekt sofort sehen. Sie müssen den Code nicht vervollständigen, um ihn anzuzeigen. Sie können hier viele Dinge anzeigen, die Sie sehen möchten.

Dies ist nur eines der Attribute, es gibt noch mehrere weitere Attribute, werfen wir einen Blick darauf:

2.html Marquee-Tag bgcolor-Attribut:

Die Hintergrundfarbe des Textlaufbereichs. Der Parameterwert ist hexadezimal (Form: #AABBCC oder #AA5566 usw.) oder ein vordefinierter Farbname (z. B. Rot, Gelb, Blau usw.). . Wie unten gezeigt:

<marquee behavior=="slide" direction="left" bgcolor="red">我的背景色是红色的</marquee>

3.html Das Richtungsattribut des Marquee-Tags:

Die Richtung des Textscrollens. Die Parameterwerte des Attributs umfassen nach unten, links, rechts und oben Vier einzelne optionale Werte, die die Bildlaufrichtung nach unten, links, rechts und oben darstellen. Wie unten gezeigt:

    <marquee direction="right">我向右滚动</marquee> 
    <marquee direction="right">我向下滚动</marquee>

4.html Die Breiten- und Höhenattribute des Marquee-Tags:

Die Rolle der Breiten- und Höhenattribute bestimmt die Größe des Rechtecks Bereich des Lauftextes auf der Seite. Das width-Attribut wird verwendet, um die Breite des Rechtecks ​​anzugeben, und das height-Attribut gibt die Höhe des Rechtecks ​​an. Die Parameterwerte dieser beiden Eigenschaften können Zahlen oder Prozentsätze sein. Zahlen stellen die Anzahl der vom Rechteck eingenommenen Pixel (Breite oder Höhe) dar, und Prozentsätze stellen den Prozentsatz (Breite oder Höhe) des vom Rechteck eingenommenen Browserfensters dar. Wie unten gezeigt:

    <marquee width="300" height="30" bgcolor="red">我宽300像素,高30像素。</marquee>

5.html Die Scrollamount- und Scrolldelay-Attribute des Marquee-Tags:

Diese beiden Attribute bestimmen die Geschwindigkeit (Scrollamount) und die Verzögerung (Scrolldelay). , die Parameterwerte sind alle positive ganze Zahlen. Wie unten gezeigt:

    <marquee scrollamount="100">我速度很快.</marquee> 
    <marquee scrollamount="50">我慢了些。</marquee> 
    <marquee scrolldelay="30">我小步前进。</marquee> 
    <marquee scrolldelay="1000" scrollamount="100">我大步前进。</marquee>

6.html Das align-Attribut des marquee-Tags:

Dieses Attribut bestimmt die Position des Lauftexts oben, unten und links und rechts vom Innenrand. Sie können den Inhalt zwischen ed126914ed1419bab26abf7cf307b7b9 auch durch Funktionen wie Bilder oder andere Objekte ersetzen.

Ein Hinweis zum HTML-Marquee-Tag:

Die Standardbreite eines Marquee-Elements entspricht der Breite seines übergeordneten Elements. Wenn sich der Markierungsrahmen innerhalb eines TD befindet, dessen Breite nicht angegeben ist, müssen Sie die Breite des Markierungsrahmens explizit festlegen. Wenn weder Laufschrift noch TD-Breite angegeben sind, ist die Laufschrift auf eine Breite von 1 Pixel beschränkt.

Um einen vertikal scrollenden Untertitel zu erstellen, setzen Sie dessen scrollLeft-Eigenschaft auf 0. Um einen horizontal scrollenden Untertitel zu erstellen, setzen Sie dessen scrollTop-Eigenschaft auf 0, wodurch alle Skripteinstellungen überschrieben werden.

Die Eigenschaften scrollLeft und scrollTop sind schreibgeschützt, wenn die Untertitel gescrollt werden. Wenn sich scrollLeft nicht im Bildlaufzustand befindet, ist es für Untertitel, die auf horizontales Scrollen eingestellt sind, lesbar und beschreibbar, und scrolltop ist für Untertitel, die auf vertikales Scrollen eingestellt sind, lesbar und beschreibbar.

Dieses Element ist in HTML in Microsoft® Internet Explorer 3.0 und in Skriptform in Internet Explorer 4.0 verfügbar.

Dieses Element ist ein Blockelement.

Dieses Element erfordert ein schließendes Tag.

【Empfehlung des Herausgebers】

Wie füge ich Unterstreichungen in HTML hinzu? Anwendungsbeispiel für das Hinzufügen einer Unterstreichung zum HTML88f336217b3880082bb52d49b5de60a5-Tag

Wie lege ich den Stil des HTML-Button-Tags fest? Einführung in den Stil von HTML-Button-Tags

Das obige ist der detaillierte Inhalt vonWas ist der Code für die Bildlaufleiste in HTML? Wie stelle ich die HTML-Bildlaufleiste ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

In Verbindung stehende Artikel

Mehr sehen