简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

Detailed introduction to marquee tag in html

黄舟
Release： 2017-10-25 10:18:23
Original
4162 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：
html marquee detailed
source：php.cn
Previous article：Introduction to the implementation method of automatic jumping of html pages Next article：Understanding the HTML bold tag
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
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
2
1773
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
10
1916
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1628
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1539
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1574
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！