Home > Article > Web Front-end > Move HTML text left and right
The content introduced in this article is the left and right movement of HTML text ed126914ed1419bab26abf7cf307b7b9, which has a certain reference value. Now I share it with everyone. Friends in need can refer to it
HTML marquee element (ed126914ed1419bab26abf7cf307b7b9) is used to insert a scrolling text. You can use its properties to control what happens when the text reaches the edge of the container.
behavior:
Set how the text scrolls within the marquee element. Optional values are scroll (continuous scrolling), slide (slide once) and alternate (round-trip scrolling). If no value is specified, the default value is scroll.
bgcolor:
Set the background color by color name or hexadecimal value.
direction:
Set the direction of text scrolling in marquee. Optional values are left, right, up and down. If no value is specified, the default value is left.
loop:
Set the number of times marquee scrolls. If no value is specified, the default value is −1, indicating that the marquee will scroll continuously.
scrollamount:
Set the length (in pixels) of each scroll. The default value is 6.
scrolldelay:
Set the time interval (in milliseconds) for each scroll. The default value is 85. Note that unless a truespeed value is specified, any value less than 60 will be ignored and 60 will be used instead.
truespeed:
By default, scrolldelay values less than 60 will be ignored. If truespeed is present, those values are not ignored.
vspace,hspace:
Represents the horizontal distance and vertical distance of the motion area boundary, and sets the vertical margin in pixels or percentage values.
width,height:
Represents the width and height of the motion area, setting the height in pixels or percentage values.
align:
Represents the vertical alignment of the element. The value can be top, middle, bottom. The default is middle
onmouseover=this.stop() onmouseout =this.start() means that the scrolling stops when the mouse is above the area, and continues to scroll when the mouse moves away
Code:
<marquee vspace="10px" hspace="6px" direction="right" behavior="scroll" scrollamount="3" align="middle" bgcolor="aqua" width="300px" height="20px">
Add scrolling content
7204e33a7a23f6efcc788532e245c31b
HTML implementation of background image replacement
The above is the detailed content of Move HTML text left and right