The automatic scrolling effect of the page can be achieved by javascript, but today I accidentally discovered an html tag -
Using marquee marks can not only move text, but also pictures, tables, etc.
Syntax: ... ; Description: Add content to be scrolled between markers.
Important attributes:
1. Scroll direction direction (including 4 values: up, down, left and right)
Syntax : ...2. Scroll behavior (scroll: cyclic scrolling, default effect; slide: scroll once and stop; alternate: scroll alternately back and forth)
Syntax : . ..
3. Scroll speed scrollamount (scroll speed is to set the length of movement per scroll, in pixels)
Syntax : .. .
4. Scroll delay scrolldelay (set the scrolling interval in milliseconds)
Syntax : ...
5. Scroll loop loop (the default value is -1, scrolling will continue to loop)
Syntax : ...
6. Scroll range width , height
7. Scroll background color bgcolor
8. Blank space hspace, vspace
Code example:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!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>
Copy after login
The above is the simple method (must see) of the HTML tag marquee that the editor brought to you to achieve the scrolling effect. That’s all, I hope you all like it~
Related articles:
Marquee attribute analysis in HTML
Detailed usage analysis of marquee
Skillfully using the marquee attribute in HTML to achieve dancing text
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
Table Border in HTML
Sep 04, 2024 pm 04:49 PM
Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.
Nested Table in HTML
Sep 04, 2024 pm 04:49 PM
This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.
HTML margin-left
Sep 04, 2024 pm 04:48 PM
Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.
HTML Table Layout
Sep 04, 2024 pm 04:54 PM
Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.
HTML Input Placeholder
Sep 04, 2024 pm 04:54 PM
Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.
HTML Ordered List
Sep 04, 2024 pm 04:43 PM
Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively
HTML onclick Button
Sep 04, 2024 pm 04:49 PM
Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.
Moving Text in HTML
Sep 04, 2024 pm 04:45 PM
Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.
See all articles
Web Front-end
