We're going to use the <marquee> tag to make writing and pictures move like this:
- put some text and a picture you want to move in the code
Help! The ship's chasing me...
<img src="images/vikship.gif" />
- add this round the text and picture to move:
<marquee scrollamount="10"
direction="left"
behavior="scroll">
Help! The ship's chasing me...
<img src="images/vikship.gif" />
</marquee>
- the scrollamount makes the movement slower (="1") or faster (="100" or more)
- the direction makes it go up, down, left or right
- the behavior makes the movement go:
- in one direction then stop (="slide")
- in one direction then start again (="scroll")
- in both directions continuously (="alternate")
- save the code and open the page in a browser
you'll see this:
more tutorials to try
you might like to try these tutorials too: