The automatic scrolling effect of the page can be achieved by JavaScript, but today I accidentally discovered an HTML tag - <marquee></marquee> which can achieve a variety of scrolling effects without JS control. The marquee tag can be used to move not only text, but also images, tables, etc. Syntax: <marquee>...</marquee>; Description: Add the content to be scrolled between the tags. Important properties: 1. Scroll direction (including 4 values: up, down, left and right) Syntax: <marquee direction="scroll direction">...</marquee> 2. Scrolling behavior (scroll: scroll in a loop, the default effect; slide: scroll once and then stop; alternate: scroll back and forth alternately) Syntax: <marquee behavior="scroll mode">...</marquee> 3. Scroll speed scrollamount (scroll speed is to set the length of movement each time you scroll, in pixels) Syntax: <marquee scrollamount="5">...</marquee> 4. Scroll delay scrolldelay (set the scrolling time interval in milliseconds) Syntax: <marquee scrolldelay="100">...</marquee> 5. Scroll loop (the default value is -1, the scroll will continue to loop) Syntax: <marquee loop="2">...</marquee> 6. Scroll range width, height 7. Scrolling background color bgcolor 8. Blank space hspace, vspace Code example: XML/HTML CodeCopy content to clipboard
The above is all the content of the simple method (must read) of using HTML tag marquee to achieve scrolling effect. I hope you like it~ |
<<: A brief discussion on the issue of element dragging and sorting in table
>>: How to set remote access permissions in MySQL 8.0
Table of contents 1. setState() Description 1.1 U...
Optimistic Locking Optimistic locking is mostly i...
tomcat is an open source web server. The web base...
Start the mysql container in docekr Use command: ...
1. Introduction to mysqldump mysqldump is a logic...
I've been using Bootstrap to develop a websit...
I recently encountered a bug where I was trying t...
I believe everyone is familiar with database inde...
The Swap partition of the Linux system, that is, ...
This article example shares the specific code of ...
Gird layout has some similarities with Flex layou...
Step 1: Get the MySQL YUM source Go to the MySQL ...
<br />Adding pictures reasonably can make a ...
This is the effect of the Element UI loading comp...
This article example shares the specific code of ...