Scrolling Text Marquee

[Johnathan]

A HTML marquee is a scrolling piece of text displayed either horizontally across or vertically down your web site page depending on the settings. This page shows you how to make a scrolling marquee using div tags that are often seen in CSS (Cascading Style Sheets).

Horizontal

Code: Select all

<div align="center"><FONT
color="#ffffff" size="+1"><MARQUEE bgcolor="#000080"
direction="right" loop="20" width="75%"><STRONG>This
is cool!</STRONG></MARQUEE></FONT></DIV>

Vertical

Code: Select all

<div
align="center"> <marquee bgcolor="#000080" scrollamount="2"
direction="up" loop="true" width="35%"> <center>
<font color="#ffffff" size="+1"><strong> THIS
IS A COOL WAY<br> TO MAKE YOUR TEXT<br> SCROLL UPWARDS<br> <br>
IT IS EASY AND FAST LOADING </strong></font> </center> </marquee></div>

[rangana]

Hi Johnathan,

Sorry to disagree, but I would'nt personally recommend marquee tag because it's invalid and deprecated.

Here's a cross-browser marquee, which works on all browsers and valid.

[Johnathan]

How do I make http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm scroll up like the HMTL one? I'm not good with JS at all. Is there any other HMTL I can use to make it scroll up using "proper" code?

[rangana]

http://www.dynamicdrive.com/dynamicindex2/cmarquee2.htm

[flabbyrabbit]

Is there away to get a marquee to fade at both ends?

Flabby Rabbit

[Johnathan]

What about putting a DIV over the ope of the one the text is in and have a fading image in there?

[flabbyrabbit]

Thats the only way I could think of doing it, but i was wondering if there was a more "correct" way of doing it?

Flabby Rabbit