HTML Marquee Text Speed Slow/Fast Examples

Definition

HTML <marquee> tag use to create a scrolling text as well as you also allow to Click or Hover effect to control the speed of marquee text or image.

Click to slow marquee speed

<html>
<head>
</head>
<body>
  <marquee behavior="scroll" direction="left"
           onmousedown="this.setAttribute('scrollamount', 3, 0);"
           onmouseup="this.setAttribute('scrollamount', 10, 0);">Click and hold the mouse marquee speed slow</marquee>
</body>
</html>

Run it... »

Click and hold the mouse marquee speed slow

Hover over to slow marquee speed

<html>
<head>
</head>
<body>
  <marquee behavior="scroll" direction="left"
           onmouseover="this.setAttribute('scrollamount', 3, 0);"
           onmouseout="this.setAttribute('scrollamount', 10, 0);">Hover over to slow Marquee Speed</marquee>
</body>
</html>

Run it... »

Hover over to slow Marquee Speed

Marquee speed slow/fast using buttons

<html>
<head>
</head>
<body>
  <marquee behavior="scroll" direction="left" scrollamount="6" id="marquee5">Marquee slow/medium/fast speed using buttons</marquee>
  <input type="button" value="Slower" onClick="document.getElementById('marquee5').setAttribute('scrollamount', 1, 0);" />
  <input type="button" value="Medium" onClick="document.getElementById('marquee5').setAttribute('scrollamount', 5, 0);" />
  <input type="button" value="Faster" onClick="document.getElementById('marquee5').setAttribute('scrollamount', 10, 0);" />
</body>
</html>

Run it... »

Marquee slow/medium/fast speed using buttons

Marquee Examples
Marquee Falling Text Examples
Marquee Text Examples
Marquee Image Examples
Marquee Start/Stop Examples

Use our Marquee code generator HTML Marquee Image Code Generator