suchen

Heim >Web-Frontend >HTML-Tutorial >Reiner HTML-Code zur Vervollständigung des Scroll-Effekts durch das Marquee-Tag

Reiner HTML-Code zur Vervollständigung des Scroll-Effekts durch das Marquee-Tag

Y2J
Y2JOriginal
2017-05-23 10:04:582661Durchsuche

Dieser Artikel führt Sie in die Verwendung von HTML-Tags ein. Mit ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b können Sie eine Vielzahl von Bildlaufeffekten erzielen. Dies ist sehr gut und hat einen Referenzwert Schauen Sie

Der automatische Scroll-Effekt der Seite kann durch Javascript erreicht werden, aber heute habe ich versehentlich ein HTML-Tag entdeckt – ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b, das eine Vielzahl von Scroll-Effekten ohne JS-Steuerung erzielen kann.

Durch die Verwendung von Marquee-Tags kann nicht nur Text verschoben werden, sondern auch Bilder, Tabellen usw.

Syntax: ed126914ed1419bab26abf7cf307b7b9 ..7204e33a7a23f6efcc788532e245c31b; Beschreibung: Füge Inhalt hinzu, der zwischen den Markierungen gescrollt werden soll.

WichtigeAttribute:

1. ScrollrichtungRichtung (einschließlich 4 Werte: oben, unten, links und rechts)

Syntax: ea930273541c63e69cccf6561cf6b396...7204e33a7a23f6efcc788532e245c31b 🎜>

2. Scroll-Verhalten (Scrollen:

Schleife Scrollen, Standardeffekt; Schieben: nur einmal scrollen und dann anhalten; abwechselnd: abwechselnd hin und her scrollen)

Syntax: < ;marquee behaviour="Scrolling mode">...7204e33a7a23f6efcc788532e245c31b

3. Bildlaufgeschwindigkeit scrollamount (Bildlaufgeschwindigkeit dient dazu, die Länge der Bewegung bei jedem Bildlauf in Pixeln festzulegen)

Syntax: 803bf89a41c47553be5b45800afa3e65...7204e33a7a23f6efcc788532e245c31b

4. Scroll-Verzögerung scrolldelay (Legen Sie das Scroll-Intervall in Millisekunden fest)

Syntax: 153370dc92c437739cac39176d0aa63b...7204e33a7a23f6efcc788532e245c31b

5. Scroll-Schleife (der Standardwert ist -1, das Scrollen wird in einer Schleife fortgesetzt) ​​

Syntax : 69457943bcb520c612032510d36031b7...7204e33a7a23f6efcc788532e245c31b

6. Scrollbereich

Breite, Höhe

7. Scroll-Hintergrundfarbe bgcolor

8. Leerzeichen hspace, vspace

JavaScript-CodeInhalt in die Zwischenablage kopieren 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<title>无标题文档</title>   
</head>   
<body>   
<p>   
<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="50" bgcolor="#0099FF" hspace="10" vspace="10">   
指整个Marquee对齐方式; (2)behavior:设置滚动的方式: scroll:表示由一端滚动到另一端,会重复,缺陷是不能无缝滚动。 slide:表示由一段滚动到另一端,不会重复...   
</marquee>   
</p>   
</body>   
</html>
[Verwandte Empfehlungen]

1.

Kostenloses HTML-Video-Tutorial

2.

Codebeispiele für das Schreiben persönlicher Lebensläufe in HTML

3.

Drei Methoden zum Erstellen neuer Elemente teilen

4.

Detaillierte Beispiele für Meta-Tags in HTML

5.

Teilen eine Integration von HTML-Wissenspunkten

Das obige ist der detaillierte Inhalt vonReiner HTML-Code zur Vervollständigung des Scroll-Effekts durch das Marquee-Tag. 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
Vorheriger Artikel：Codebeispiele zum Schreiben persönlicher Lebensläufe in HTMLNächster Artikel：Codebeispiele zum Schreiben persönlicher Lebensläufe in HTML

In Verbindung stehende Artikel

Mehr sehen