Default speed of Marquee tag : SCROLLAMOUNT


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
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!
Advertisements
Try Out Code2care Dev Tools:

Advertisements



Android Java Linux Microsoft Google Python macOS Notepad++ Microsoft Teams CSS PHP SharePoint Html Linux C Programs Bootstrap jQuery Sublime Android Studio Facebook Eclipse WhatsApp News MySQL Json HowTos JavaScript FTP S3


Advertisements


Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Tutorials, Trouble-Shooting steps, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.
🎉 We are celebrating the 10th years of Code2care! Thank you for all your support! We hope we made a difference.
We strong support Gender Equality & Diversity.

We stand in solidarity with Ukraine - Make a donation to UNHCR - https://donate.unhcr.org/in/en-in/ukraine-emergency