Home > Web Front-end > HTML Tutorial > Detailed introduction to marquee tag in html

Detailed introduction to marquee tag in html

黄舟
Release: 2017-10-25 10:18:23
Original
4216 people have browsed it



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: 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>
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template