16 February 2010

HTML Programming: Create Scrolling moving text by MARQUEE HTML code

This is a tutorial to show you how to create scrolling or moving text by MARQUEE HTML code.

Do you want to make your text "moving" in your site?

There is not a difficult task to do it now^^

Just using  <marquee> HTML code, for example,
<marquee> Your text here </marquee>
The output is:

Your text here

Next, put a limit to its width by modifying this code to
<marquee width="100px"> Your text here </marquee>
then the output will be:

Your text here

Not clear? Let's put a blue as its back ground color modifying this code to
<marquee width="100px" bgcolor = "blue"> Your text here </marquee>

Your text here

Want to change its direction? No problem, just modifying this code to
<marquee width="100px" bgcolor = "blue" direction = "right"> Your text here </marquee>

Your text here

How about control its speed??Adding scrollamount="speed" to your code, the higher the number of speed, the faster the text move.
<marquee bgcolor="blue" direction="right" scrollamount="1" width="100px"> Your text here </marquee>

Your text here

Last but not least, change the text to hyperlink will be very useful for master to save their space. Just modifying this code to
<marquee behavior="scroll" bgcolor="yellow" direction="right" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="10" width="100px"> <a href="http://xaivierchia.blogspot.com/">XaivierBlog</a> </marquee>


Written by: Xaivier Chia


1 comment:

elferno said...

Nice HTML tip! Do you have any suggestions for tutorials on starting to learn HTML coding from scratch? I am very interested but so far it seems really daunting.

Post a Comment