Slide-In Text
Top to Bottom
To make your text slide in from the top, use
behavior="slide" direction="down". Like this:| Source Code | Result |
|---|---|
Bottom to Top
To make your text slide in from the bottom, use
behavior="slide" direction="up". Like this:| Source Code | Result |
|---|---|
Right to Left
To make your text slide in from the right, use
behavior="slide" direction="left". Like this:| Source Code | Result |
|---|---|
Left to Right
To make your text slide in from the left, use
behavior="slide" direction="right". Like this:| Source Code | Result |
|---|---|
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 Code | Result |
|---|---|
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