Hover Over to Pause Marquee

javascript jquery html css marquee
Howdy_McGee picture Howdy_McGee · Sep 17, 2011 · Viewed 70.6k times · Source

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 start back up. This did not work:

<marquee onMouseOver="this.stop()" onMouseOut="this.start()">Text</marquee>

Does anyone have any suggestions on how I can achieve this in a minimal amount of code?

Answer

Leo picture Leo · Jul 30, 2014 
<marquee onmouseover="this.stop();" onmouseout="this.start();">
my text here
</marquee>

You're using wrong case: onMouseOver,onMouseOut

Related questions

Marquee Text When Text Overflows

well heres my problem. Lets say i have 3 div tags, all are 100pixels wide: <--- DIV WIDTH ---> Text in div 1 Text in div two, it overflows Text in div three <--- DIV WIDTH ---> Now, …

Read More
<marquee> html tag usage/replacment

I know that <marquee> tags are evil. If it is so bad to have scrolling text, then using JS to get the same effect doesn't make it any better, right? And suppose I decided to have some scrolling …

Read More
Refresh/reload the content in Div using jquery/ajax

I want to reload a div on click of a button. I do not want to reload the full page. Here is my code: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="…

Read More