Create Marquee effect (moving text)

Sometimes to beautify the Blog page, the following tips are very much ogled by the blogger. Marquee is a html code which function to give effect to the many directions of motion in accordance with the wishes. As for the effect is a horizontal motion to the left and right, aataupun left to right, and the effect of vertical motion up and down.
let's try together:Code of marquee effect is like this sample <marquee>xxx</marquee>

where, <marquee> is the effect of opening the code, while the xxx is the contents of a text that will be mobilized and </marquee> is the code cover

with the above code only, has actually been able to give the effect of motion, but the direction of the resulting generally from left to right horizontally.

we can still modify the motion with the direction of motion, such as the following example

motion from right to left
code as follows:
<marquee direction="left" scrollamount="3" width="30%">From Right to left</marquee>

result :
From Right to left


motion from left to right
code as follows:
<marquee direction="right" scrollamount="3" width="50%">motion from Left to Right</marquee>

result :
motion from Left to Right


alternating left-right motion
code as follows:
<marquee behavior="alternate" direction="right" scrollamount="3" width="50%">Alternating left-right motion</marquee>

result :
Alternating left-right motion


text upward motion
code as follows:
<marquee direction="up" heigt="100" scrollamount="3" width="50%">Up motion</marquee>

result :
Up motion


we can add a step to stop the motion effect when the text was approached by a mouse, and move again when the mouse pointer leaves the text:
code as follows:
<marquee direction="up" heigt="100" onmouseover="this.stop ()" onmouseout="this.start ()" scrollamount="3" width="50%">Stop onmouseover</marquee>

result :
Stop onmouseover

with this step we can provide a link to the text that can be clicked by visitors
example, with the code and the following links:
<marquee direction="up" heigt="100" onmouseout="this.start ()" onmouseover="this.stop ()" scrollamount="3" width="50%"><a href="http://whatsnew-computertips.blogspot.com/2012/01/microsoftoffice-front-page-free.html">Microsoft Frontpage Free</a></marquee>

result :
Microsoft Frontpage Free


one more, we can still provide additional code to provide background on the text that moves
the code is:
<div align="left"><span style="color: white; font-family: georgia;"><b><marquee behavior="alternate" bgcolor="RED" scrollamount="3" width="50%">Text with background</marquee></b></span></div>

result :

Text with background

hopefully increase the motivation to be creative