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

Y2J
Freigeben: 2017-05-23 10:04:58
Original
2601 Leute haben es durchsucht

Dieser Artikel führt Sie in die Verwendung von HTML-Tags ein. Mit 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 – , 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: ..; 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: ... 🎜>

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">...

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

Syntax: ...

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

Syntax: ...

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

Syntax : ...

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>
Nach dem Login kopieren
[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!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
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!