This article mainly introduces the HTML code to produce scrolling text. It has a certain reference value. Now I share it with you. Friends in need can refer to it.
In this section, the author talks about the special features of HTML code. Tag, which can scroll the text in the web page and control its scrolling properties.
Create scrolling text Through the previous studies in this chapter, readers have been able to well control the display method of various paragraph text, but no matter how they are set, the text is static.
In this section, the author talks about the special tags in HTML code, which can make the text in the web page scroll and control its scrolling properties.
Create scrolling text
Through the previous studies in this chapter, readers have been able to well control the display mode of various paragraph text, but no matter how they are set, the text is static. In this section, the author describes the special tags in HTML code, which can scroll the text in the web page and control its scrolling properties.
4.3.1 Set text scrolling
The way to scroll text in HTML technology is to use double tags . In the HTML code, the text in the scope can be scrolled. The default is from right to left and circular scrolling. Create a web page file in the D:\web\ directory, name it mar.htm, and write the code as shown in Code 4.15.
Code 4.15 Text scrolling setting: mar.htm
<html> <head> <title>文字滚动的设置</title> </head> <body> <font size="5" color="#cc0000"> 文字滚动示例（默认）：<marquee>做人要厚道</marquee> </font> </body> </html>
Enter http://localhost/mar.htm in the browser address bar, and the browsing effect is as shown in Figure 4.15. 
Figure 4.15 Set the default form of text scrolling
From Figure 4.15, it can be seen that when the width is not set, the label occupies an exclusive line.
4.3.2 Set the direction of text scrolling
The direction attribute of the tag is used to set the direction of content scrolling. The attribute values are left, right, up, and down. , representing left, right, up, and down respectively, such as the following code:
<html> <head> <title>文字滚动的设置</title> </head> <body> <font size="3" color="#cc0000"> 文字滚动示例（默认）：<marquee>做人要厚道</marquee> 文字滚动示例（向右）：<marquee direction="right" scrolldelay="500">做人要厚道</marquee> 文字滚动示例（向下，滚动方式为slide，速度为10）：<marquee scrollamount="10" behavior="slide">做人要厚道</marquee> 文字滚动示例（默认方向，滚动方式为alternate，循环3次，速度为2）：<marquee scrollamount="2" behavior="alternate" loop="3">做人要厚道</marquee> 文字滚动示例（向上，背景色为#CCFF66，设置了背景宽度和高度）：<marquee direction="up" bgcolor="#CCFF66" width="250" height="55">做人要厚道</marquee> </font> </body> </html>
Enter http://localhost/mar.htm in the browser address bar, and the browsing effect is as shown in Figure 4.16. 
Figure 4.16 Different forms of text scrolling
’s many properties can make scrolling text very convenient. In the following JavaScript learning, readers will continue to deepen Dynamic behavioral learning of tags.
Related recommendations:
HTML code to implement a simple shopping cart
##
The above is the detailed content of HTML code to create scrolling text. 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)
