Home > Article > Web Front-end > Detailed introduction to marquee tag in html
Detailed introduction to marquee tag in html
- 黄舟Original
- 2017-10-25 10:18:234163browse
1.1 Overview
There are two ways to achieve the automatic scrolling effect on the page. The first way is implemented by JS, and the second way uses the HTML marquee tag. to fulfill.
The function of HTML marquee tag is to insert scrolling text in an area. Using HTML marquee tag can not only move text, but also pictures, tables, etc.
Note: ed126914ed1419bab26abf7cf307b7b9 is a deprecated feature in HTML and HTML5. It is recommended not to use this tag.
1.2marquee tag
Syntax:
ContentAttribute:
direction attribute, which defines the scrolling direction and includes 4 values: up, down, left and right.
The behavior attribute defines the scrolling method. Its values include 3: scroll, slide and alternate (scroll: cyclic scrolling, the default effect [the defect is that it cannot scroll seamlessly]; slide: scroll only once and stop; alternate: alternate back and forth to scroll).
The scrollamount attribute defines the scrolling speed (the scrolling speed sets the length of movement each time it is scrolled, in pixels).
The scrolldelay attribute defines the scroll delay (set the scrolling interval, in milliseconds).
The loop attribute defines the scrolling loop (the default value is -1, and the scrolling will continue to loop).
Example:
<html lang="en">
<head>
<meta charset="utf-8" />
<title>实例</title>
</head>
<body>
<p>
<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="100" height="20" >广告标语</marquee>
</p>
</body>
</html>The above is the detailed content of Detailed introduction to marquee tag in html. For more information, please follow other related articles on the PHP Chinese website!