HTML Marquee character fragment scrolling

HTML Marquee character fragment scrolling
The following are its properties:

direction
Set the scroll direction of the active subtitles

The code is as follows:
<marquee direction="down">Set the scroll direction of the active subtitle direction="down": downward</marquee>
<marquee direction="left">Set the scroll direction of the active subtitle direction="left": left</marquee>
<marquee direction="right">Set the scroll direction of the active subtitle direction="right": right</marquee>
<marquee direction="up">Set the scroll direction of the active subtitle direction="up": upward</marquee>

behavior
Set the scrolling method:
alternate: means rolling back and forth between the two ends.
scroll: means scrolling from one end to the other and repeating.
slide: means scrolling from one end to the other without repeating.
The code is as follows:
<marquee behavior="alternate">alternate: means scrolling back and forth between the two ends. </marquee>
<marquee behavior="scroll">scroll: means scrolling from one end to the other and repeating. </marquee>
<marquee behavior="slide">slide: means scrolling from one end to the other without repeating. </marquee>

scrollamount
Set the scrolling speed of the active subtitles in pixels
The code is as follows:
<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>

scrolldelay
Set the delay time between scrolling the active subtitle twice, in milliseconds.
If the value is large, there will be a pause after one step. The code is as follows:
<marquee scrolldelay="10" >scrolldelay="10" </marquee>
<marquee scrolldelay="100" > scrolldelay="100" </marquee>
<marquee scrolldelay="1000">scrolldelay="1000" </marquee>

<<:  How to implement CSS to display ellipsis when single-line or multi-line text overflows

>>:  Detailed explanation of the execution process of MySQL query statements

Recommend

MySQL replication detailed explanation and simple example

MySQL replication detailed explanation and simple...

Tutorial on how to install htop on CentOS 8

If you are looking to monitor your system interac...

Introduction to Sublime Text 2, a web front-end tool

Sublime Text 2 is a lightweight, simple, efficien...

The difference and usage of distinct and row_number() over() in SQL

1 Introduction When we write SQL statements to op...

How to solve the error of connecting to the database when ServerManager starts

Servermanager startup connection database error R...

Causes and solutions for MySQL too many connections error

Table of contents Brief summary At noon today, th...

How to create a database in navicat 8 for mysql

When developing a website, you often need to use ...

How to solve nginx 503 Service Temporarily Unavailable

Recently, after refreshing the website, 503 Servi...

One minute to experience the smoothness of html+vue+element-ui

Technology Fan html web page, you must know vue f...

Detailed explanation of setting resource cache in nginx

I have always wanted to learn about caching. Afte...

Sample code for changing the color of a png image through a CSS3 filter

This method uses the drop-shadow filter in CSS3 t...

Things to note when writing self-closing XHTML tags

The img tag in XHTML is so-called self-closing, w...

Media query combined with rem layout in CSS3 to adapt to mobile screens

CSS3 syntax: (1rem = 100px for a 750px design) @m...

Vue.$set failure pitfall discovery and solution

I accidentally found that Vue.$set was invalid in...