HTML Marquee Fast/Slow Example

Marquee Text Click to Slow Speed

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

Click Here and hold the mouse marquee slow

Marquee Text Hover Over to Slow Speed

<html>
<head>
</head>
<body>
  <marquee behavior="scroll" direction="left" onmouseover="this.setAttribute('scrollamount', 3, 0);" onmouseout="this.setAttribute('scrollamount', 10, 0);">Hower over and hold the mouse marquee slow</marquee>
</body>
</html>

Hower over and hold the mouse marquee slow

Marquee Text Speed Fast/Slow Using Button Control

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

marquee slow/medium/fast speed using button