How to Create Moving Text in Blog
Posted in Tutorial on 11-11-2009
- Continuous scrolling, from the left:
Insert this: <marquee behavior=”scroll” direction=”left”>TEXT</marquee>
Result:
- Text bouncing:
Insert this: <marquee behavior=”alternate”>TEXT</marquee>
Result:
- Scrolling upwards:
Insert this: <marquee behavior=”scroll” direction=”up”>TEXT</marquee>
Result:
- 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:
- 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:
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!
I am going to have to give this a try. Thanks for sharing this.
Marquee codes are really useful for variety of moving text combination. I have often used the Marquee tools. Thanks for sharing it again