A M B I T I O U S - D R E A M S • N E T /// v.6: ian somerhalder

Marquees


Have you ever seen text go across the screen? Well now you can do it and in many different ways too!

This is the code to have it simply go across the screen:

<marquee>YOUR TEXT HERE</marquee>
When you insert your own text it will look like this:

Welcome to Ambitious-Dreams.Net!

Now what if you want to change the directions? Well you can easily do that by using this code:

<marquee direction=right,left,up,or down>YOUR TEXT HERE</marquee>. Watch my text move up

Here's how to make it move back and forth:

<marquee behavior=alternate>YOUR TEXT HERE</marquee> It's bouncing from side to side

Let's say you want to add some color to the background:

<marquee bgcolor=your color>YOUR TEXT HERE</marquee> Look it's purple!

And finally here's how you control the speed of how fast it goes by. Where it says number that's where you would put how fast or slow you want it. The larger the number the faster it goes.

<marquee scrollamount=NUMBER>TEXT HERE</marquee>

This is at a speed of 15

  • This is how you change the width: <marquee width=percent OR number>TEXT HERE</marquee>
    50% width=100
  • And this is how you change the speed of your marquee when someone hovers their mouse over the text.
    <marquee onMouseover="this.scrollAmount=#" onMouseout="this.scrollAmount=#">TEXT</marquee> The onmouseOVER # is when the mouse is on the text, and onMouseout is when it's at normal speed. Hover your mouse on me
  • So now you want a loop?
    <marquee loop=#>Text</marquee>
    It's a loop!
  • You might want marquee that stops now. <marquee behavior=slide>TEXT</marquee> The text will just stop

    [ Back ]