Marquees


Your Basic Marquee

TEXT HERE
<marquee>TEXT HERE</marquee>


Bouncy Marquee

TEXT HERE
<marquee behavior=alternate> TEXT HERE</marquee>


Marquee With Bgcolor

TEXT HERE
<marquee bgcolor=aqua> TEXT HERE</marquee>


Marquee Directions

TEXT HERE TEXT HERE
<marquee direction=right,left, up,or down> TEXT HERE</marquee>


Marquee Speed

TEXT (speed 50) TEXT (speed 4)
<marquee scrollamount=NUMBER> TEXT HERE</marquee>


Marquee Width

33% 33% 33% width=149
<marquee width=percent OR number> TEXT HERE</marquee> Ex: width=33% OR width=102



Mouseover Speed Marquee


Put your mouse here

<marquee onMouseover="this.scrollAmount=#" onMouseout="this.scrollAmount=#"> TEXT</marquee>
The onmouseOVER # is when you put your mouse
ON it, the onmouseOUT # is when its normal


Marquee W/ Loop #


This will go around 6 times

<marquee loop=#>Text</marquee>


Marquee That Stops


Text goes, stops

<marquee behavior=slide> TEXT</marquee>


Combining It All

lime, w=105, speed 3, right yellow, w=45%, speed 5, left
w=90, speed 8, down, loop=7
<marquee bgcolor=COLOR width=# scrollamount=# direction=L,R,U,orD> TEXT HERE</marquee>

Marquee on Toolbar

<SCRIPT LANGUAGE="JavaScript"> <!-- // Use these to set up the message: var msg = "TEXT GOES HERE!" var delay = 30 var startPos = 100 // Don't touch these variables: var timerID = null var timerRunning = false var pos = 0 // Crank it up! StartScrolling() function StartScrolling(){ // Make sure the clock is stopped StopTheClock() // Put in spaces to get "start" position for (var i = 0; i < startPos; i++) msg = " " + msg // Off we go... DoTheScroll() } function StopTheClock(){ if(timerRunning) clearTimeout(timerID) timerRunning = false } function DoTheScroll(){ if (pos < msg.length) self.status = msg.substring(pos, msg.length); else pos=-1; ++pos timerRunning = true timerID = self.setTimeout("DoTheScroll()", delay) } file://--> </SCRIPT>