How to add animated text (MAQUEE Text) with pause on mouse hover to Blogger

Hello folks, well today i am back with an updated article to our previous post on ‘How to add animated text to blogger’. My Readers have asked me personally whether the scrolling text can be paused when a visitor moves his mouse cursor over the text. Because this is useful when he wants to read the text completely or click a link with the text. To start and start a marquee, the additional arguments used are the "onmouseover" and "onmouseout" events to add a simple JavaScript. It will pause the scrolling text when the mouse is over it and resume the scroll when the mouse leaves the text.

Pause/Stop and Start a Scroll

• Go to Blogger.com.
• Login to your Blogger Dashboard.
• Now click on new post (or else insert this HTML code where you want to apply this effect).

<marquee bgcolor="#ffffcc" onmouseover="this.stop()" onmouseout="this.start()">Text scroll pauses when the mouse hovers over it and starts again when the mouse is moved out of the text.</marquee>

If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

Use comments section or contact us form to tell ‘What will like to read from our site ?’.