HTML Marquee Start/Stop Example

Marquee Text Click to Stop

<html>
<head>
</head>
<body>
  <marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();">Click Here and hold the mouse marquee stop</marquee>
</body>
</html>

Click Here and hold the mouse marquee stop

Marquee Text Hover to Stop

<html>
<head>
</head>
<body>
  <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">Hower over and hold the mouse marquee stop</marquee>
</body>
</html>

Hower over and hold the mouse marquee stop

Marquee Text Start/Stop Using Button

<html>
<head>
</head>
<body>
  <marquee behavior="scroll" direction="left" id="marquee1"><p>Press Button</p></marquee>
  <input type="button" value="Stop Marquee" onClick="document.getElementById('marquee1').stop();"/>
  <input type="button" value="Start Marquee" onClick="document.getElementById('marquee1').start();"/>
</body>
</html>

Press Button

Multiple Start/Stop Marquee

<html>
<head>
</head>
<body>
  <marquee behavior="scroll" direction="left" scrollamount="7" id="marquee2"><p>Marquee 1</p></marquee>
  <marquee behavior="scroll" direction="left" scrollamount="15" id="marquee3"><p>Marquee 2</p></marquee>
  <input type="button" value="Stop Marquee 1" onClick="document.getElementById('marquee2').stop();"/>
  <input type="button" value="Start Marquee 1" onClick="document.getElementById('marquee2').start();"/>
  <br />
  <input type="button" value="Stop Marquee 2" onClick="document.getElementById('marquee3').stop();"/>
  <input type="button" value="Start Marquee 2" onClick="document.getElementById('marquee3').start();"/>
</body>
</html>

Marquee 1

Marquee 2