Marquee Speed Tutorial
Please Credit Us if this helps you!
Ever seen those marquees, where you hover over them, and they either slow down, or stop? Look at the Example below:
Demo
Mouseover the text that says, "Mouseover Me" below.
Notice how it slows down? Here is the code that was used
<![CDATA[ <marquee onMouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=8"> MOUSEOVER ME!!! </marquee> ]]>
onMouseout="this.scrollAmount=8" : that means the marquee is moving at a speed of 8. (The cursor is not on it)
onMouseover="this.scrollAmount=1" : that means when you hover over it, the marquee's speed changes to a 1.
That's what you add to the code. Simple, right? =)
If you want it to be an image instead of just text or links, replace the MOUSEOVER ME!!! with an image tag:
<![CDATA[<marquee onMouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=8"><img src="YOUR IMAGE URL"></marquee>]]>
And its that easy!! ^_^ But remember, you can adjust the speed to however you want.
Note: The Higher the number, the faster it moves.
If you want the image/text to completely stop when hovering, the speed of the mouseover should be set to: onMouseover="this.scrollAmount="0"
Did this tutorial help you? If so, a link back is appreciated. ^_^
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
++Top++Refresh++Go Back++