This example allows the user to stop the marquee tag function.when mouse hover with their cursor (i.e. onmouseover). The marquee then continues when the user hovers away from the marquee (i.e. onmouseout).
Javascript Code:
<div class="demo" style=" cursor:pointer;">
<marquee id="mymarquee" behavior="scroll" direction="left" scrollamount="3" width="500"><p onMouseOver="document.getElementById('mymarquee').stop();" onMouseOut="document.getElementById('mymarquee').start()"><span style="color:#006633;"> Self- Actualization training! Must for students, corporate executives, business people, self employed & all success loving people! Visa to ACHIEVEMORE!
</span> Drink our special green teas! Instant, delicious & only Rs.3/- per cup. Make you energetic, youthful, healthy & live long!</p></marquee></div>
Demo:
Javascript Code:
<div class="demo" style=" cursor:pointer;">
<marquee id="mymarquee" behavior="scroll" direction="left" scrollamount="3" width="500"><p onMouseOver="document.getElementById('mymarquee').stop();" onMouseOut="document.getElementById('mymarquee').start()"><span style="color:#006633;"> Self- Actualization training! Must for students, corporate executives, business people, self employed & all success loving people! Visa to ACHIEVEMORE!
</span> Drink our special green teas! Instant, delicious & only Rs.3/- per cup. Make you energetic, youthful, healthy & live long!</p></marquee></div>
Demo: