Slow Down Marquee

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:

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

Code:
<!-- HTML codes by Quackit.com --><br /> <marquee behavior="scroll" direction="left" scrollamount="12" onmousedown="this.setAttribute('scrollamount', 3, 0);" onmouseup="this.setAttribute('scrollamount', 12, 0);">Go on... click me (and hold the mouse down)!</marquee><br />

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:

Go on... hover over me!

Code:
<!-- HTML codes by Quackit.com --><br /> <marquee behavior="scroll" direction="left" scrollamount="12" onmouseover="this.setAttribute('scrollamount', 3, 0);" onmouseout="this.setAttribute('scrollamount', 12, 0);">Go on... hover over me!</marquee><br />

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:

Go on... press the button!

Code:
<!-- HTML codes by Quackit.com --><br /> <marquee behavior="scroll" direction="left" scrollamount="6" id="mymarquee"><br /> <p>Go on... press the button!</p><br /> </marquee><br /> <input type="button" value="Slower" onClick="document.getElementById('mymarquee').setAttribute('scrollamount', 1, 0);"><br /> <input type="button" value="Normal Speed" onClick="document.getElementById('mymarquee').setAttribute('scrollamount', 6, 0);"><br /> <input type="button" value="Faster" onClick="document.getElementById('mymarquee').setAttribute('scrollamount', 12, 0);"><br />

Stop Your Marquee

Here are two easy ways to stop your marquee:

• You can stop your marquee simply by setting the scrollamount to 0 (zero). For example, to stop the marquee on a mouseover, do this: onmouseover="this.setAttribute('scrollamount', 0, 0);"
• You can also stop your marquee by using this.stop();. To see this code in action, see how to stop your marquee.