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: