Animate / Move images using HTML

by MANIMUTHUPANDI 2014-02-21 15:17:10

Animate / Move images using HTML



HTML marquee tag is used to animate or move images and texts in a webpage. Its a simple tag used at body tag in HTML.

<marquee>Your marquee image or text</marquee>
We can specify the following attributes for marquee tag.

marquee tag attributes


Behavior

Behavior sets the path for marquee animation

Direction

We can specify directions as up,right,down,left

Scrollamount

Scrollamount is used to set the animate speed

Scrolldelay

This will set the delay between each movements




<br /> <marquee style='background: #666666;'><br /> <img src='http://hiox.org/resource/7476-php.gif' alt='animate elephant using marquee' /><br /> <img src='http://hiox.org/resource/7476-php.gif' alt='animate elephant using marquee' /><br /> <img src='http://hiox.org/resource/7476-php.gif' alt='animate elephant using marquee' /><br /> <img src='http://hiox.org/resource/7476-php.gif' alt='animate elephant using marquee' /><br /> </marquee><br /> <marquee style='background: #666666;' direction='right'><br /> <img src='http://hiox.org/resource/7477-horse.gif' alt='animate horse using marquee' /><br /> <img src='http://hiox.org/resource/7477-horse.gif' alt='animate horse using marquee' /><br /> <img src='http://hiox.org/resource/7477-horse.gif' alt='animate horse using marquee' /><br /> <img src='http://hiox.org/resource/7477-horse.gif' alt='animate horse using marquee' /><br /> </marquee><br />

output:
animate elephant using marqueeanimate elephant using marqueeanimate elephant using marqueeanimate elephant using marquee
animate horse using marqueeanimate horse using marqueeanimate horse using marqueeanimate horse using marquee


694
like
0
dislike
0
mail
flag

You must LOGIN to add comments