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 JavaScript CodeCopy content to clipboard
|
<<: js native waterfall flow plug-in production
>>: Detailed explanation of nginx proxy_cache cache configuration
Table of contents question: 1. Enable remote logi...
1. Dynamic query rules The dynamic query rules ar...
Table of contents 1. Application Lifecycle 2. Pag...
Preface As we all know, everything in Linux is a ...
Table of contents use Use of EsLint Add a profile...
Table of contents 1. Block scope 1.1. let replace...
Preface This article mainly introduces a problem ...
I just started learning database operations. Toda...
I believe that many friends who are new to web pag...
Table of contents Preface 1. Local port forwardin...
Introduce two methods to view MySQL user permissi...
On a whim, I wrote a case study of a small ball b...
Click here to return to the 123WORDPRESS.COM HTML ...
wangEditor is a web rich text editor developed ba...
1. Flex layout .father { display: flex; justify-c...