I want to create a Marquee that scrolls some news articles but when the user hovers over it I need it to pause and when the user hovers out of it (onMouseOut) I need to ti s
<marquee onmouseover="this.stop();" onmouseout="this.start();">
my text here
</marquee>
You're using wrong case: onMouseOver,onMouseOut
<marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.setAttribute('scrollamount',0);" onmouseout="this.setAttribute('scrollamount',5);">
Your name, your address, your details scrolling through line
</marquee>
Hope this code will help someone who is use MARQUEE tag.
<marquee id="mq" direction="right" loop="true" onmouseover="this.stop();" onmouseout="this.start();">
<a href="http://google.com">Google</a>
<input type="text" id="txt" />
<input type="button" id="btn" value="Click here" onclick="alert(txt.value);" />
Some other text here</marquee>
You can simply use the HTML marquee markup with
onmouseover="stop()"
followed by
onmouseout="start()"
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
Go on... hover me (and hold the mouse over)!
</marquee>
You have to add ;
to your code after closing the ()
.