Stopping & Starting HTML Marquees

This page contains code that allows you to stop and start HTML marquees with your mouse. Therefore, your website users can stop and start your HTML marquees with their mouse too.

CSS Marquees

The codes on this page are for HTML marquees. To stop a CSS marquee, see the following:

Clicking the Marquee

This example allows the user to stop the HTML marquee when they click the mouse (i.e. onmousedown). The marquee then continues when the user releases the mouse (i.e. onmouseup).

Hovering over the Marquee

This example allows the user to stop the marquee when they hover over the marquee with their cursor (i.e. onmouseover). The marquee then continues when the user hovers away from the marquee (i.e. onmouseout).

Start/Stop Buttons:

You can add "start" and "stop" buttons that enable the user to start and stop the marquee as required. To do this, simply add an "id" attribute to the marquee, then reference that from your buttons (created using the input tag).

Stopping Multiple Marquees:

You can add "start" and "stop" buttons for as many marquees as you like. Just make sure you give each marquee a unique "id". For example, if you name your first marquee "marquee1", name the second marquee "marquee2" etc.

Slowing Down Your Marquee

You can also make the marquee slow down instead of just stopping/starting. Here's the code to slow down & speed up your marquee.