Make text and pictures move


We're going to use the <marquee> tag to make writing and pictures move like this:
Help! The ship's chasing me...

  1. put some text and a picture you want to move in the code
    Help! The ship's chasing me...
    <img src="images/vikship.gif" />
    
  2. 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")
  3. save the code and open the page in a browser
    you'll see this:
    Help! The ship's chasing me...

more tutorials to try

you might like to try these tutorials too:

Go Berserk Book

Buy Now to buy for
£11.99 US$17.99 €13.99 (not incl. P&P)
for 1 or 2 books
Buy more and save!
Email sales@go-berserk.com
for 3 books or more.