Slide-In Text

This page contains HTML code for creating slide-in text.

You can create slide-in text - or zoom in text - in HTML using <marquee> tags. You can make your text slide in from the left, right, top, or bottom.

Note: Due to the nature of slide-in text, you may need to refresh this page several times to catch all of the examples. This is because, once the text has slid in, it stops. If you don't see it slide in, you've missed it... unless you reload the page!

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 :)

Also note that the <marquee> tag is not part of the official HTML specification. Having said that, it is recognized by most major browsers.

More Marquee Codes

You can do much more with HTML marquees than is covered on this page. Here's the full list of marquee codes on this website:

About HTML.am

HTML.am was created in order to provide HTML tools, codes, tutorials, and other resources to help webmasters create and maintain their HTML documents.

HTML.am aims primarily at beginners, but may also be useful to web professionals.

About the HTML Codes

The HTML codes on this website are provided free of charge, for you to use however you wish. Feel free to modify the code to suit your own needs.

Related Sites

Here are some other sites you may like: