Marquee tags are used to add 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 scroll speed is 6.If you give any value less then 6 then then the text, images, links within the marquee tag will run slower then default. Note we cannot have values less then or equal to zero.
Any value for SCROLLAMOUNT greater then 6 will make it move faster then the default speed.
Lets take some examples to demonstrate this :<!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!
11 Aug 2020 11:02:24 GMT
- Further comments disabled!
More Posts related to Html,
- Comprehensive 256 Ascii code table with Html Hex IBM Microsoft Key
- remove div vertical scroll
- HTML5 HELLO WORLD Example
- Fibonacci series from 1 to 500 table
- The author stylesheet specified in tag script is too long - document contains 21759 bytes whereas the limit is 10000 bytes
- reCaptcha Verification expired. Check the checkbox again
- Obsolete marquee element alternatives html5
- Default speed of Marquee tag : SCROLLAMOUNT
- How to make a div tag clickable
- Chessboard with pieces using pure HTML and CSS
- Align html element at the center of page vertically and horizontally
- Get HTML table td, tr or th inner content value with id or name attribute
- Hyperlink in html (anchor tag) without a underline
- W3 HTML validator warning Unable to Determine Parse Mode
- How to remove old 404 pages ulrs from Google crawler
- Adding Sub Headings to Bootstrap Header tags
- Remove Html head and body tags from ckeditor source
- How to word wrap in HTML
- W3 : character data is not allowed here html validation error
More Posts:
- Android Emulator] ##KBD: Full queue, lose event Error Logs - Android
- PHP drag and drop file upload tutorial using dropzone.js - PHP
- Column Mode Editing in Notepad++ - NotepadPlusPlus
- Gmail Unable to upload because it is a folder or a package (like an application bundle or RTFD document) - HowTos
- Android Shared Preferences API tutorial - Android
- Notepad++ Dark Theme - NotepadPlusPlus
- Change Mouse Scrolling in Mac OS X - Mac-OS-X
- Android Studio java.net.NoRouteToHostException - Android-Studio
- Error : Invalid key hash.The key hash does not match any stored key hashes - Android
- JSON Schema and Hyper-Schema : JSON Tutorial - Json-Tutorial
- 'Edit Document' Requires a Windows Sharepoint Services-compatible application and Microsoft Internet Explorer 6.0 or higher - SharePoint
- Remove Trailing zeros BigDecimal Java - Java
- Android Studio : Connection Error : Failed to download patch file - Android-Studio
- Find Java JRE Installation location Mac OS X - Mac-OS-X
- Go to Line Number option in Windows Notepad - NotepadPlusPlus