Heim >Web-Frontend >H5-Tutorial >Eine einfache Methode zum Erzielen eines Scrolleffekts basierend auf dem HTML-Tag Marquee

Eine einfache Methode zum Erzielen eines Scrolleffekts basierend auf dem HTML-Tag Marquee

黄舟Original: 2017-03-17 15:08:401996Durchsuche

Der automatische Scrolleffekt der Seite kann durch Javascript erreicht werden, aber heute habe ich versehentlich ein HTML-Tag entdeckt - ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31bEine Vielzahl von Scrolleffekten kann ohne JS-Steuerung erzielt werden.

Verwenden Sie das Tag marquee nicht nur zum Verschieben von Text, sondern auch zum Verschieben von Bildern, Tabellen usw.

Syntax: ed126914ed1419bab26abf7cf307b7b9...b1caf867bf930ab1d3cf8f70a13b09f1; Beschreibung: Inhalt hinzufügen, um zwischen Markierungen zu scrollen.

Wichtige Attribute:

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

Syntax : 68a02ffa4b8e9c2e8bc7de7aa09ee5b8 Scrollen)

Syntax

: aea344a2e9066e52596e1a31bf20722c...7204e33a7a23f6efcc788532e245c31b3. Scrollgeschwindigkeit (Scrollgeschwindigkeit beträgt Legen Sie die Länge der Bewegung pro Bildlauf in Pixeln fest)

Syntax

: 803bf89a41c47553be5b45800afa3e65...7204e33a7a23f6efcc788532e245c31b4 . Scrollverzögerung scrolldelay (Legen Sie das Scrollintervall in Millisekunden fest)

Syntax

: 153370dc92c437739cac39176d0aa63b...7204e33a7a23f6efcc788532e245c31b 5. Scroll-Schleife (Standardwert ist -1, das Scrollen wird in einer Schleife fortgesetzt)

Syntax

: 69457943bcb520c612032510d36031b7 ..7204e33a7a23f6efcc788532e245c31b

6. Scrollbereichsbreite, -höhe7. Scroll-Hintergrundfarbe bgcolor

8. Leerzeichen hspace, vspace

Codebeispiel:

Das Obige ist der gesamte Inhalt der einfachen Methode (muss gelesen werden) des HTML-Tag-Laufrahmens, der vom Editor bereitgestellt wird. Ich hoffe, es gefällt Ihnen~

Verwandte Artikel:

<!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>

Marquee-Attributanalyse in HTML

Detaillierte Nutzungsanalyse von Marquee

Qiao Verwenden Sie zur Realisierung das Marquee-Attribut in HTML Tanztext

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：Deaktivieren Sie die Eingabeimplementierungsattribute des EingabetextfeldsNächster Artikel：Deaktivieren Sie die Eingabeimplementierungsattribute des Eingabetextfelds

In Verbindung stehende Artikel

Mehr sehen