Marquee tags are used to add an animated scroll effect to HTML elements. The tags within the marquee tags scroll from right to left by default at a default speed. To change this default speed you need to make use of SCROLLAMOUNT attribute.
SCROLLAMOUNT attribute accepts integer values.The default value for this scrolling speed is 6.If you give any value less than 6 then the text, images, links within the marquee tag will run slower than the default. Note we cannot have values less than or equal to zero.
Any value for SCROLLAMOUNT greater than 6 will make it move faster than the default speed.
Let's take some examples to demonstrate this :
Marquee Speed Scroll Amount
<!DOCTYPE html>
<html>
<body>
<marquee SCROLLAMOUNT = 1><p>Marquee with SCROLLAMOUNT as 1 </p></marquee>
<marquee SCROLLAMOUNT = 2><p>Marquee with SCROLLAMOUNT as 2 </p></marquee>
<marquee SCROLLAMOUNT = 3><p>Marquee with SCROLLAMOUNT as 3 </p></marquee>
<marquee SCROLLAMOUNT = 4><p>Marquee with SCROLLAMOUNT as 4 </p></marquee>
<marquee SCROLLAMOUNT = 5><p>Marquee with SCROLLAMOUNT as 5 </p></marquee>
<marquee SCROLLAMOUNT = 6><p><b>Marquee with SCROLLAMOUNT as 6 : Default Speed </b></p></marquee>
<marquee SCROLLAMOUNT = 7><p>Marquee with SCROLLAMOUNT as 7 </p></marquee>
<marquee SCROLLAMOUNT = 8><p>Marquee with SCROLLAMOUNT as 8 </p></marquee>
<marquee SCROLLAMOUNT = 9><p>Marquee with SCROLLAMOUNT as 9 </p></marquee>
<marquee SCROLLAMOUNT = 10><p>Marquee with SCROLLAMOUNT as 10 </p></marquee>
<marquee SCROLLAMOUNT = 12><p>Marquee with SCROLLAMOUNT as 12 </p></marquee>
<marquee SCROLLAMOUNT = 15><p>Marquee with SCROLLAMOUNT as 15 </p></marquee>
<marquee SCROLLAMOUNT = 18><p>Marquee with SCROLLAMOUNT as 18 </p></marquee>
</body>
</html> Comments:
- Thank you! useful information, I was looking for this!
11 Aug 2020 11:02:24 GMT
- Further comments disabled!
More Posts related to Html,
- Remove Html head and body tags from ckeditor source
- Default speed of Marquee tag : SCROLLAMOUNT
- Align html element at the center of page vertically and horizontally
- HTML, HTML5. CSS, CSS3 Color Codes 2020
- How to add multiple spaces between html page text
- Force convert HTML text input to upper case
- Obsolete marquee element alternatives html5
- How to set background color in HTML page?
- Base 64 Index, Character and Binary Table
- Hyperlink in html (anchor tag) without a underline
- How to remove old 404 pages ulrs from Google crawler
- W3 HTML validator warning Unable to Determine Parse Mode
- Get HTML table td, tr or th inner content value with id or name attribute
- How to word wrap in HTML
- reCaptcha Verification expired. Check the checkbox again
- Adding Sub Headings to Bootstrap Header tags
- Chessboard with pieces using pure HTML and CSS
- How to turn off autocomplete in input fields in HTML Form
- All directional arrows codes for HTML
- Fibonacci series from 1 to 500 table
- W3 : character data is not allowed here html validation error
- How to make a div tag clickable
- Comprehensive 256 Ascii code table with Html Hex IBM Microsoft Key
- HTML5 HELLO WORLD Example
- Create HTML button that looks like a href hyperlink
More Posts:
- How to install Packages in Sublime Text Editor - Sublime-Text
- ls command: sort files by name alphabetically A-Z or Z-A [Linux/Unix/macOS/Bash] - Linux
- See actual SharePoint error exception modify web.config - SharePoint
- Android Launch! The connection to adb is down, and a severe error has occured - Android
- How to detect Browser and Operating System Name and Version using JavaScript - JavaScript