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