Heim  >  Artikel  >  Web-Frontend  >  HTML-Tag-Marquee implementiert Beispielcode für einen Scroll-Effekt

HTML-Tag-Marquee implementiert Beispielcode für einen Scroll-Effekt

高洛峰
高洛峰Original
2017-03-20 16:58:021708Durchsuche

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 können nicht nur Text, sondern auch Bilder, Tabellen usw. verschoben werden.

Syntax: ed126914ed1419bab26abf7cf307b7b9...7204e33a7a23f6efcc788532e245c31b; Inhalt zum Scrollen.

Wichtige Attribute:

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

Syntax: 6a18a9fade90555925170df70a3ab7c8...7204e33a7a23f6efcc788532e245c31b

2. Scrollverhalten (Scrollen: zyklisches Scrollen, Standardeffekt; Schieben: nur einmal scrollen und dann anhalten; abwechselnd: abwechselnd hin und her scrollen)

Syntax: 8cb2b81fb4f51e5b27e7d206dd237ad9...7204e33a7a23f6efcc788532e245c31b

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

Syntax: 803bf89a41c47553be5b45800afa3e65...7204e33a7a23f6efcc788532e245c31b

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

Syntax: 153370dc92c437739cac39176d0aa63b...7204e33a7a23f6efcc788532e245c31b

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

Syntax: 69457943bcb520c612032510d36031b7...7204e33a7a23f6efcc788532e245c31b

Breite, Höhe des Scrollbereichs

7 Farbe bgcolor

8. Leerzeichen hspace, vspace

Codebeispiel:

<!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>
<div>
<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>
</div>
</body>
</html>


Das obige ist der detaillierte Inhalt vonHTML-Tag-Marquee implementiert Beispielcode für einen Scroll-Effekt. 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