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

Use vue3 to implement a human-cat communication applet

Table of contents Preface Initialize the project ...

VMware Workstation is not compatible with Device/Credential Guard

When installing a virtual machine, a prompt appea...

Install mysql 5.6 from yum source in centos7.4 system

System environment: centos7.4 1. Check whether th...

CentOS 6.4 MySQL 5.7.18 installation and configuration method graphic tutorial

The specific steps of installing mysql5.7.18 unde...

MySQL query optimization: a table optimization solution for 1 million data

1. Query speed of two query engines (myIsam engin...

jQuery combined with CSS to achieve the return to top function

CSS Operations CSS $("").css(name|pro|[...

Analysis of MySql index usage strategy

MySql Index Index advantages 1. You can ensure th...

How to modify the sources.list of Ubuntu 18.04 to Alibaba or Tsinghua mirror

1. Backup source list The default source of Ubunt...

jQuery implements the mouse drag image function

This example uses jQuery to implement a mouse dra...

An article tells you how to write a Vue plugin

Table of contents What is a plugin Writing plugin...

How to get/calculate the offset of a page element using JavaScript

question By clicking a control, a floating layer ...

About nginx to implement jira reverse proxy

Summary: Configure nginx reverse proxy jira and i...

Zabbix implements monitoring of multiple mysql processes

Three MySQL instance processes are started on one...

XHTML 2.0 New Features Preview

<br />Before browsers can handle the next ge...