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:
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!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
