From GoldCoastWebDesigns.com

Web Design
HTML Code For Scrolling Marquee
From: Ed Zivkovic
Jul 7, 2006, 20:33

HTML For Scrolling Text

 The HTML code for Scrolling Marquee is built in to 1st Page 2000 Free HTML Editor, but there is no need to install 1st Page 2000 to use the code. This article reveals how to put a Scrolling Marquee on your website.

What is Scrolling Marquee?

Scrolling Marquee is simply scrolling text. The term Marquee in this case is the HTML Tag or command which causes the text to scroll.

The scrolling text is controlled by variable HTML attributes. Hyperlinks and other HTML code can be inserted within the Marquee Tag along with the text.

Limitations of the Marquee Command

The HTML Code For Scrolling Marquee will only output a result in Internet Explorer Web Browsers. If you cannot see any scrolling text on this page, it could be because your web browser is not Internet Explorer.

HTML Code For Scrolling Marquee

The HTML for scrolling text uses the marquee Tag as in the examples below.

Source

<marquee bgcolor="" width="100%" direction="left" loop="infinite" scrollamount="1">Scrolling Text</marquee>

Output

Scrolling Text

Source

<marquee bgcolor="#eeeeee" width="100%" direction="right" loop="infinite" scrollamount="2"><strong><font color="red">More Scrolling Text</font></strong></marquee>

Output

More Scrolling Text

Source

<marquee bgcolor="" width="100%" direction="left" loop="infinite" scrollamount="1">Scrolling <a href="8.shtml">Hyperlink</a></marquee>

Output

Scrolling Hyperlink

Some Scrolling Marquee HTML Attributes

Play around with the following variable attributes until the desired effect is achieved.

bgcolor - This attribute will set the background color of the entire scroll area. Add any color you like. Leave this attribute out if you want the background to be set the same as the rest of the page.

Our HTML color chart contains 216 web safe HTML color codes which can be used to set a value for this attribute.

width - Set the width as a percentage of the screen.

direction - "left|right"

loop - "infinite" will cause the scrolling text to keep scrolling for ever. A numerical attribute can be inserted instead of "infinite". For example, if the number 3 becomes the loop value, then the text will stop scrolling after 3 scrolls.

scrollamount - Increase this number to speed up the scrolling text or decrease the number to slow it down.

How To Put A Scrolling Marquee On Your Website

  1. Copy and paste the HTML code for Scrolling Marquee into your web page.
  2. Edit the scrolling text.
  3. Edit the Attributes until the text appears just how you want.
  4. Upload the web page to your web site.


© Copyright 2010 by GoldCoastWebDesigns.com