Saturday, 21 July 2012

Marquee Codes


Slide-In Text

Top to Bottom

To make your text slide in from the top, use behavior="slide" direction="down". Like this:
Source CodeResult
Here is some slide-in text... coming from the top.

Bottom to Top

To make your text slide in from the bottom, use behavior="slide" direction="up". Like this:
Source CodeResult
Here is some slide-in text... coming from the bottom.

Right to Left

To make your text slide in from the right, use behavior="slide" direction="left". Like this:
Source CodeResult
Here is some slide-in text... coming from the right.

Left to Right

To make your text slide in from the left, use behavior="slide" direction="right". Like this:
Source CodeResult
Here is some slide-in text... coming from the left.

Changing the Speed

You can speed up your slide-in text - or slow it down if you prefer. To do this, just add the scrollamount attribute. For example, scrollamount="1" results in a very slow slide, while scrollamount="50" will make the text zoom-in - perhaps too fast for most people to notice it zooming in.
Some examples:
Source CodeResult
Here is some slide-in text... coming in nice and slowly!Here is some slide-in text... coming in nice and slowly!Here is some slide-in text... coming in nice and slowly!Here is some slide-in text... coming in nice and slowly!Here is some slide-in text... coming in nice and slowly!

Usability of Marquees

You should be careful when using marquees in HTML. Many web users dislike websites that contain scrolling text and other elements, so try to use them tastefully :)

No comments:

Post a Comment