简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

So scrollen Sie in HTML-Marquee-Tags nach oben und unten und legen die Scrollgeschwindigkeit von Marquee-Tags fest

寻∝梦
Freigeben： 2018-09-04 11:56:50
Original
10671 Leute haben es durchsucht

Dieser Artikel stellt Ihnen hauptsächlich die beiden Verwendungsmöglichkeiten von HTML-Marquee-Tags vor. Die eine besteht darin, den Text im Laufschrift-Tag nach oben und unten scrollen zu lassen, die andere darin, den Text im Laufschrift-Tag schneller oder langsamer scrollen zu lassen. Sie können beides auch kombinieren und zusammen verwenden. Schauen wir uns nun gemeinsam diesen Artikel an

Lassen Sie uns zunächst dieses HTML-Marquee-Tag kennenlernen:

Dieses Marquee-Tag wurde speziell über einige seiner Verwendungszwecke geschrieben Attribut, Sie können auf klicken. Wie lautet der Code der Bildlaufleiste in HTML? Wie stelle ich die HTML-Bildlaufleiste ein? Schauen Sie mal rein.

-Tags sind Tags, die paarweise erscheinen. Der Inhalt zwischen dem ersten Tag Zu den Attributen des -Tags gehören hauptsächlich Verhalten, Hintergrundfarbe, Richtung, Breite, Höhe, Hspace, Vspace, Schleife, Scrollamount, Scrolldelay usw. Sie sind alle optional.

Sehen Sie sich nun an, wie das Marquee-Tag das Scrollen nach oben und unten implementiert:

Das Verhaltensattribut des HTML-Marquee-Tags:

Verhaltensattribut Der Parameterwert ist einer von „Alternative“, „Scroll“ und „Slide“, was bedeutet, dass der Text hin und her scrollt, einseitig kreisförmig scrollt und nur einmal scrollt. Es sollte beachtet werden, dass die Richtungs- und Verhaltensattribute vorhanden sind gleichzeitig im Tag angezeigt werden, dann basiert die Bildlaufrichtung des Scrollens und Schiebens auf den Parametereinstellungen 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>
Nach dem Login kopieren

bgcolor-Attribut ist 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:Meine Hintergrundfarbe ist rot

Es gibt auch HTML-Marquee Die Richtung Attribut des Etiketts:

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

<marquee direction="right">我向右滚动</marquee>
<marquee direction="left">我向左滚动</marquee>
<marquee direction="down">我向下滚动</marquee>
<marquee direction="up">我向上滚动</marquee>
Nach dem Login kopieren

Hauptsächlich die letzten beiden, bei denen es sich um das in diesem Artikel erstmals vorgestellte Scrollen nach oben und unten handelt, kann dazu führen, dass der Text darin nach oben und unten scrollt.

Lassen Sie uns nun über die Scrollgeschwindigkeit des Marquee-Tags sprechen:

Wie hoch ist die Scrollgeschwindigkeit dieses HTML-Marquee-Tags? Kann jemand es erraten? . .

Nun, lassen Sie mich für mich selbst sprechen, es sind die Scrollamount- und Scrolldelay-Attribute:

Diese beiden Attribute bestimmen die Geschwindigkeit (Scrollamount) und die Verzögerung (Scrolldelay) des Textscrollens ), sind die Parameterwerte 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>
Nach dem Login kopieren

Sie können bestimmte Zahlen festlegen. Sie können so schnell fahren, wie Sie möchten, und so langsam, wie Sie möchten. Da es sich jedoch alle um animierte Bilder handelt, ist es schwierig, Screenshots zu erstellen, um den Effekt zu erzielen: http://www.php.cn/code/26516.html. Kopieren Sie einfach das Obige Code. Sie können den Effekt sehen, wenn Sie hineingehen. Sie können es versuchen.

Okay, hier sind die beiden Verwendungsmöglichkeiten des HTML-Marquee-Tags in diesem Artikel. Wenn Sie Fragen haben, können Sie diese unten stellen.

[Empfehlung der Redaktion]

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

Wie verwende ich den HTML5-Fortschrittstag? Einführung in die Attribute des Fortschritts-Tags

Das obige ist der detaillierte Inhalt vonSo scrollen Sie in HTML-Marquee-Tags nach oben und unten und legen die Scrollgeschwindigkeit von Marquee-Tags fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
html marquee
Quelle：php.cn
Vorheriger Artikel：Was ist der Code für die Bildlaufleiste in HTML? Wie stelle ich die HTML-Bildlaufleiste ein? Nächster Artikel：Wie stelle ich das Scrollen von Bildern im HTML-Marquee-Tag ein? Codebeispiel zum Scrollen von Bildern für das Marquee-Tag
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
html - marquee滚动标签问题 为什么我这个滚动每次向上滚动当箭头所指的位置到达顶部导师动态的灰色框框的时候就不滚了，直接又来一遍滚动，他不是把这整个粉红色的框框从上往下慢慢遮住那种感觉，求大神指导啊，在线等，急...
Aus 2017-04-17 12:57:47
0
2
340
javascript - html废弃标签<marquee>标签对android图形化渲染的影响？ 问题：做一个跑马灯效果--文字无缝滚动，在安卓的www目录下跑的html/js。使用marquee便签导致同页面的高清视频声音图片不同步、然后卡顿。 代码： {代码...}
Aus 2017-04-11 12:49:17
0
1
511
javascript - marquee走马灯效果停顿怎么实现呢？ 1.以下为marquee的走马灯实现，现在想要的效果是，当滚动到中间时，停顿3秒再滚动下一张。请问大神们有什么好的实现方式吗？ {代码...}
Aus 2017-04-11 10:42:45
0
4
1424
javascript - 求指导 jQuery 文字跑马灯效果 需要做一个文字跑马灯效果，而且需要不间断，循环。也就是一段文字。那个非主流标签&lt;marquee&gt;暂时不考虑，兼容性问题。想采用图片轮播效果，把子节点cl...
Aus 2017-04-11 09:43:41
0
3
323
javascript - 只要点击某个marquee文字滚动区，同样的类名为".marquee"文字滚动区就会一起滚动。 应该怎么解决呢？ {代码...} {代码...}
Aus 2017-04-10 15:06:33
0
1
284
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！