Showing posts with label Animated Text. Show all posts
Showing posts with label Animated Text. Show all posts

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

♠ Rakshith Mlore in ,
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.
images_thumb[70]

Pause/Stop and Start a Scroll

<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 ?’.

How to Add Animated text (MAQUEE Text) to Blogger

Welling today i am giving you a trick on Animated text for blogger blogs which floats right, left, up and down. Along with the Note you have written.
images

How to Add Animated text to Blogger

  • MAQUEE Text to right
<marquee direction="right">Your text here....</marquee>
This will show like this
Welcome to My Blogging Techniques.
  • MAQUEE Text to left
<marquee direction="left">Your text here....</marquee>
This will show like this
Welcome to My Blogging Techniques.
  • MAQUEE Text to up
<marquee direction="up">Your text here....</marquee>
This will show like this
Welcome to My Blogging Techniques.
  • MAQUEE Text to down
<marquee direction="down">Your text here....</marquee>
This will show like this
Welcome to My Blogging Techniques.
Proudly powered by Blogger