MySpace Marquee Codes

This page contains MySpace marquee codes. You can copy and paste any of the codes on this page into your MySpace page to get the desired effect. Enjoy!

Slide-in text:

This text slides in from the right. Once it's at the left, it will stay there. If you want to see the text slide in again, refresh this page.

<!-- HTML codes by Quackit.com --> <marquee behavior="slide" direction="left">MySpace slide-in marquee</marquee>

This code results in:

Text Scrolling to the Left:

This text keeps scrolling (instead of stopping once it's reached the left side).

<!-- HTML codes by Quackit.com --> <marquee behavior="scroll" direction="left">Text scrolling left</marquee>

This code results in:

Text Scrolling to the Right:

This text scrolls in the other direction.

<!-- HTML codes by Quackit.com --> <marquee behavior="scroll" direction="right">Text scrolling right</marquee>

This code results in:

Bouncing Text:

<!-- HTML codes by Quackit.com --> <marquee behavior="alternate">MySpace bouncing text</marquee>

This code results in:

Text Scrolling Up:

<!-- HTML codes by Quackit.com --> <marquee behavior="scroll" direction="up">Text scrolling up</marquee>

This code results in:

Text Scrolling Down:

<!-- HTML codes by Quackit.com --> <marquee behavior="scroll" direction="down">Text scrolling down</marquee>

This code results in:

Change the Scrolling Speed:

You can change the scroll speed of your marquee using the scrollamount attribute. This attribute accepts a number, which represents the scroll speed.

<!-- HTML codes by Quackit.com --> <marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee> <marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee> <marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>

This code results in:

Scrolling Images:

You can also place images into marquees. To do this, you use the HTML img tag inside your marquee tags.

Using the code below, simply replace the src="... part with the location of your own image.

<!-- HTML codes by Quackit.com --> <marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>

This code results in:

Image and Scrolling Caption:

Add your text under the image tag (but still within the marquee tags).

<!-- HTML codes by Quackit.com --> <marquee behavior="scroll" direction="left"> <img src="/pix/smile.gif" width="100" height="100" alt="smile" /> <p>Sample text/caption under a marquee image.</p> </marquee>

This code results in:

Cool Effects with Marquees!

You can use HTML marquees for some cool effects. Check out this falling text (generated with the Falling Text Generator)...

More HTML Codes

Check out our huge range of free HTML codes that you can copy/paste into your website or MySpace page.

And, if you wanna learn more, check out our free HTML tutorial!