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
CSS overflow-wrap new property value anywhere usage
1. First, understand the overflow-wrap attribute ...
Tutorial on building nextcloud personal network disk with Docker
Table of contents 1. Introduction 2. Deployment E...
Simple use of Vue bus
Simple use of Vue bus Scenario description: Compo...
Sample code for batch deployment of Nginx with Ansible
1.1 Copy the nginx installation package and insta...
Notes on Using Textarea
Why mention textarea specifically? Because the tex...
Solution to the problem that the border style of the <td></td> tag cannot be displayed in the browser
question: In some browsers, such as 360 browser&#...
How to solve the problem that mysql cannot be closed
Solution to mysql not closing: Right-click on the...
Basic knowledge of HTML: a preliminary understanding of web pages
HTML is the abbreviation of Hypertext Markup Langu...
Detailed tutorial on installing different (two) versions of MySQL database on Windows
1. Cause: I need to import a sql file, but I can&...
Detailed explanation of MySQL multi-table query examples [link query, subquery, etc.]
This article describes MySQL multi-table query wi...
Vue uses calculated properties to complete the production of dynamic sliders
Layout part: <div id="slider"> &l...
CocosCreator learning modular script
Cocos Creator modular script Cocos Creator allows...
Vue+el-table realizes merging cells
This article example shares the specific code of ...
One line of code solves various IE compatibility issues (IE6-IE10)
x-ua-compatible is used to specify the model for ...
Solve the problem of yum installation error Protected multilib versions
Today, when installing nginx on the cloud server,...