Slow Down Marquee

This page contains code that allows you to slow down your HTML marquee using your mouse. This means that your website visitors can slow down your HTML marquees with their mouse too.

These codes use JavaScript, and therefore, will not work on your MySpace page. You can still use marquee codes on your MySpace page though, you just won't be able to stop/start them with JavaScript.

Clicking the Marquee

This example allows the user to slow down the marquee when they click on it using their mouse (i.e. onmousedown). The marquee then returns to the regular speed when the user releases the mouse (i.e. onmouseup).

Example:

CodeResult

Go on... click me (and hold the mouse down)!

Hover Over the Marquee

This example allows the user to slow the marquee down when they hover over it (i.e. onmouseover). The marquee then continues when the user moves the cursor away from the marquee (i.e. onmouseout).

Using this example, the user doesn't need to click the mouse - they simply hover the cursor over the marquee.

Example:

CodeResult

Go on... hover over me!

Using Buttons:

You can add "Slower" and "Normal Speed" buttons that enable the user to slow down 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).

Example:

CodeResult

Go on... press the button!

Stop Your Marquee

Here are two easy ways to stop your marquee:

MySpace Users

Unfortunately, you can't use the above examples in your MySpace profile. This is because MySpace doesn't allow you to put JavaScript in your profile (these examples use JavaScript to stop and start the marquee).

You can however, use the examples on the HTML Marquee Codes page.

More Marquee Tricks

Here are more tricks you can use with your marquees:

Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!

Sponsored Link: Design CODE-FREE Websites