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 HERETEXT 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, rightyellow, 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 = 30var startPos = 100// Don't touch these variables:var timerID = nullvar timerRunning = falsevar 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>

Related Sites