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

黄舟
Freigeben: 2017-03-17 15:08:40
Original
2012 Leute haben es durchsucht

Der automatische Scrolleffekt der Seite kann durch Javascript erreicht werden, aber heute habe ich versehentlich ein HTML-Tag entdeckt - Eine 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: ...; Beschreibung: Inhalt hinzufügen, um zwischen Markierungen zu scrollen.

Wichtige Attribute:

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

Syntax : < Richtung = „Bildlaufrichtung“> Scrollen)

Syntax

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

Syntax

: ...4 . Scrollverzögerung scrolldelay (Legen Sie das Scrollintervall in Millisekunden fest)

Syntax

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

Syntax

: ..

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

Marquee-Attributanalyse in HTML

Detaillierte Nutzungsanalyse von Marquee

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

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