View Full Version : The Sixth Lesson: How To Make Moving Text



masternew
6th July 2006, 20:15
This is a wonderful lesson to know how to make moving text in your page and control its movement


--------------------------------------------------------------------------------

Lets go ahead to the lesson

What do you think of this example?
I Like HTML lessons
So we want to make this a moving text so we must use a tag of the moving text which is named Marquee:

<marquee>...I Like HTML lessons...</marquee>

Now you know the tag that used for moving the text , lets go to the properties of the motion like the movement direction or speed or text color
.
To change the movement direction use this property:

<marquee direction=#>..I Like HTML lessons...</marquee>

note that #=right , left


For trying to make the lesson not too long i have putted the example and you must try to use it
--------------------------------------------------------------------------------


This is the example

<marquee direction=right>This is the example</marquee>


--------------------------------------------------------------------------------

This is the example

<marquee direction=left>This is the example</marquee>


--------------------------------------------------------------------------------

<marquee behavior=#> #scrol,slide,alternate.

This is the example



<marquee behavior=scrol>This is the example</marquee>



--------------------------------------------------------------------------------

This is the example



<marquee behavior=slide>this is the example</marquee>


--------------------------------------------------------------------------------

This is the example

<marquee behavior=alternate>This is the example</marquee>



--------------------------------------------------------------------------------

This is the example

<marquee loop=2 width=50% behavior=scroll>This is the example</marquee>


--------------------------------------------------------------------------------

This is the example



<marquee loop=9 width=50% behavior=slide>This is the example</marquee>


--------------------------------------------------------------------------------

This is the example

<marquee loop=1 width=50% behavior=alternate>This is the example</marquee>



--------------------------------------------------------------------------------

This is the example

<marquee scrollamount=50>This is the example</marquee>


--------------------------------------------------------------------------------

And now you have learnt the tag properties which allow you to control the movement but what about the moving text background color and its size

<marquee bgcolor=lime>This is the example</marquee>


here we used the same tag but with the property of changing the color and it appear like that:
This is the example

Now we want to change the height and width of the text
<marquee height=70 width=50% bgcolor=aaaeea>This is the example</marquee>


This is the example

--------------------------------------------------------------------------------

Now after the lesson have ended you must try to use these codes and apply them in your site