Marquee HTML

Scrolling Images

Scrolling images were obtained using the HTML <marquee> tag Using this tag, you can make your images a horizontal scroll (right to left, left to right) or a vertical scroll (top to bottom, or top down ).

Slide-In Images

Example -

<marquee behavior="slide" direction="left">

<img src="/pix/samples/bats_013.gif" width="125" height="82" alt="Flying Bat">

<img src="/pix/samples/bats_013.gif" width="125" height="82" alt="Flying Bat">

<img src="/pix/samples/bats_013.gif" width="125" height="82" alt="Flying Bat">

</marquee>

Image Scroll 

Example -

<marquee behavior="scroll" direction="left">

<img src="/pix/samples/bats_013.gif" width="125" height="82" alt="Flying Bat">

</marquee>

Faster Scrolling

Example -

<marquee behavior="scroll" direction="left" scrollamount="30">

<img src="/pix/samples/bats_013.gif" width="125" height="82" alt="Flying Bat">

</marquee>

Slide-In Image

Example -

<marquee behavior="slide" direction="right">

<img src="/pix/samples/bee.gif" width="72" height="79" alt="Flying Bee">

</marquee>

Continuous Image Scroll

Example -

<marquee behavior="scroll" direction="right">

<img src="/pix/samples/bee.gif" width="72" height="79" alt="Flying Bee">

</marquee>

Faster Bounce

Example -

<marquee behavior="alternate" scrollamount="30">

<img src="/pix/tennis_ball.png" width="33" height="34" alt="Bouncing ball">

</marquee>

Image Scrolling Up

Example -

<marquee behavior="scroll" direction="up">

<img src="/pix/samples/bee.gif" width="72" height="79" alt="Flying Bee">

</marquee>

Images Scrolling Down

Example -

<marquee behavior="scroll" direction="down">

<img src="/pix/samples/bee.gif" width="72" height="79" alt="Flying Bee">

</marquee>

Various Scrolling Speeds

Example -

<marquee behavior="scroll" direction="right" scrollamount="10">

<img src="/pix/samples/bee.gif" width="72" height="79" alt="Flying Bee">

</marquee>

<marquee behavior="scroll" direction="left" scrollamount="1">

<img src="/pix/samples/fish.gif" width="94" height="88" alt="Fish swimming from right to left">

</marquee>

<marquee behavior="scroll" direction="left" scrollamount="30">

<img src="/pix/samples/bats_013.gif" width="125" height="82" alt="Bat flying really fast">

</marquee>

Marquee Attributes

width	Sets the width of the marquee	scrollamount	How far to jump as it moves
height	Sets the height of the marquee	loop	How many times it should loop
direction	Sets the direction of the marquee	bgcolor	Sets the background color of the marquee
behavior	Whether to slide, bounce, or scroll	hspace	Sets the amount of horizontal space around the marquee
scrolldelay	How long the marquee should wait before each jump	vspace	Sets the amount of vertical space around the marquee

Share on Google Plus

About It E Research

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.