Wednesday, August 19, 2009

Using marquee

Code of marquee to scroll images

<ul>
<marquee behavior="alternate" direction="left" scrollamount="1" align="center" >
<li> <img src="/images/image1.png" alt="image1" /> </li>
<li> <img src="/images/image2.png" alt="image2" /> </li>
<li> <img src="/images/image3.png" alt="image3" /> </li>
<li> <img src="/images/image4.png" alt="image4" /> </li>
<li> <img src="/images/image5.png" alt="image5" /> </li>
</marquee>
</ul>

In CSS
ul li{margin:0; padding:0; display:inline; float:left;}

If we start increasing the scrollamout of the marquee the speed of the content in the marquee will rise.

Other marquee attributes can be found at blooberry.com

No comments:

Post a Comment