Blog

How to Create Moving Text in Blog

  1. Continuous scrolling, from the left:Insert this: <marquee behavior=”scroll” direction=”left”>TEXT</marquee>

    Result: TEXT

  2. Text bouncing:Insert this: <marquee behavior=”alternate”>TEXT</marquee>

    Result: TEXT

  3. Scrolling upwards:Insert this: <marquee behavior=”scroll” direction=”up”>TEXT</marquee>

    Result: TEXT

  4. Stop the movement with the mouse (click and hold the mouse down):Insert this: <marquee behavior=”scroll” direction=”left” onmousedown=”this.stop();” onmouseup=”this.start();”>TEXT</marquee>

    Result: TEXT

  5. Stop the movement with the mouse (hover towards it):Insert this: <marquee behavior=”scroll” direction=”left” onmouseover=”this.stop();” onmouseout=”this.start();”>TEXT</marquee>

    Result: TEXT

This Post Has 4 Comments

  1. Sabra 12/04/2009 Reply

    This is pretty cool. I have been seeing this type of text displayed around the net, but have not taken time to look at how. Thank you for sharing this!

  2. Blia 12/21/2009 Reply

    I am going to have to give this a try. Thanks for sharing this.

  3. Apple App Tips 01/13/2010 Reply

    Marquee codes are really useful for variety of moving text combination. I have often used the Marquee tools. Thanks for sharing it again

  4. Fredfan4ever 07/08/2010 Reply

    Wow! Thanks! All my friends had it on their blog’s and they said,”Well you can find out yourself.” But you made it so much easier for me. Thanks again and I use this every time I post.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.