0 views

Marquees

Some marquees don’t work in firefox. :(

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,<br /> left,up,or down>TEXT HERE</marquee>

Marquee Speed

TEXT (speed 40)TEXT (speed 5)
<marquee scrollamount=NUMBER>TEXT HERE</marquee>

Marquee Width

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

Mouseover Speed Marquee

onMouseout=
"this.scrollAmount=11">Put your mouse here


<br /> <marquee onMouseover="this.scrollAmount=#"<br /> 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 5 times

<marquee loop=#>Text</marquee>

Marquee That Stops


Text goes, stops

<marquee behavior=slide>TEXT</marquee>

Combined Examples

aqua, w=103, speed 4, rightblue, w=45%, speed 9, left
w=100, speed 10, down, loop=8
<marquee bgcolor=COLOR<br /> width=#scrollamount=#<br /> direction=L,R,U,orD>TEXT HERE</marquee>

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