HTML uses marquee to achieve text scrolling left and right

Copy code

The code is as follows:

<BODY>
//With the help of marquee
<MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100">
<SPAN unselectable="on">Here is the content to scroll</SPAN>
</MARQUEE>

//Ordinary implementation method
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:500px;">
<span>Here is the content to scroll</span>
</DIV>
<script language="javascript" type="text/javascript">
function scroll(obj) {
var tmp = (obj.scrollLeft)++;
//When the scroll bar reaches the top right
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//When the scroll bar scrolls the width of the initial content, the scroll bar returns to the leftmost end
if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
setInterval("scroll(document.getElementById('scrollobj'))",20);
</script>
</BODY>

Detailed explanation of using Nginx reverse proxy to solve cross-domain problems

Blog

HTML uses marquee to achieve text scrolling left and right

Sublime / vscode quick implementation of generating HTML code

A simple tutorial on how to use the mysql log system

Summary of 50+ Utility Functions in JavaScript

Detailed explanation of using Nginx reverse proxy to solve cross-domain problems

Ubuntu Server 16.04 MySQL 8.0 installation and configuration graphic tutorial

Method to detect whether ip and port are connectable

A detailed tutorial on using Docker to build a complete development environment

A brief discussion on the role of HTML empty links

Solution to the CSS height collapse problem

Detailed tutorial on integrating Apache Tomcat with IDEA editor

Recommend

MySQL master-slave synchronization, implementation principle of transaction rollback

Summary of 50+ Utility Functions in JavaScript

Use of MySQL query rewrite plugin

js canvas implements verification code and obtains verification code function

One line of code solves various IE compatibility issues (IE6-IE10)

Detailed explanation of the execution plan explain command example in MySQL

Analysis of Vue element background authentication process

Common commands for mysql authorization, startup, and service startup

Complete steps to quickly configure HugePages under Linux system

Examples of 4 methods for inserting large amounts of data in MySQL

Two solutions for automatically adding 0 to js regular format date and time

Installation and configuration tutorial of Linux virtual machine under Windows operating system

mysql 8.0.18.zip installation and configuration method graphic tutorial (windows 64 bit)

MySQL 8.0.18 installation and configuration graphic tutorial

Determine whether MySQL update will lock the table through examples