Showing posts with label Make Characters Move. Show all posts
Showing posts with label Make Characters Move. Show all posts

Make Characters Move

on 9 Jan 2013

Make Characters Move

This time I will show you how to make text move.
Here is the code we will use:

 <marquee>moving letters</marquee>
moving letters

Standard marquee moves from right to left, we can turn to some form of motion and shape with the addition of the code as shown below:

bgcolor = background color  
direction = direction of motion (left,right,up.down)
behavior =
characteristics of movement (scroll,slide,alternate)
scroll (
rotate text)
slide (
moving text once and stop)
alternate (
text moving from left to right and turned back)
Title =
words appear when the mouse is over the text  
Scrollamount = speed setting movement   
Scrolldelay = set period of time  
Loop = Set the total

From arah left to right
<marquee direction="right" >from left to right</marqueefrom left to right

The left and right and then turn back
<marquee behavior="alternate" >left and right and then turn back</marquee>
left and right and then turn back

From left to right in a period of time "10"
<marquee direction="right" scrollamount="10" >From left to right in a period of time 10</marquee>
From left to right in a period of time 10

Point the mouse pointer over the text and it stops
<marquee behavior="alternate"onmouseover="this.start()"onmouseout="this.stop()">mouse over the text, stop</marquee> mouse over the text, stop

If you want to do go up or down replace Direction = "down" or "up"
<marquee bgcolor="yellow" direction="down" height="100" width="70%">from top to bottom</marquee> from top to bottom

Text with background color
<marquee width="70%" bgcolor="red">from right to left</marquee>
from right to left

 
© BLOG TUTORIAL All Rights Reserved