HEY, WELCOME TO...
JCL's Tutorial On HTML Marquees (IE Only)

Introduction

Probably the best advantage of Internet Explorer over Netscape (I'm by no means telling you that Internet Explorer is better than Netscape, Netscape has many advantages too) is the marquee which is not only a really cool feature, but also a convenient scroll for IE browsers that can't read JavaScript. The JavaScript Ticker Tape, which is a JavaScript scroll in a form input box, is a good way to make scrolls which can also be seen by Netscape surfers, but its setbacks include its fixed text size and color, its fixed white background, its text only scrolling capabilities, and the JavaScript programming skills needed to create it (The last problem however is easy to solve because I have an in-depth tutorial on JavaScript Tickertapes right here). Marquees don't have any of the problems mentioned, and there are so many things you can do with them. The only unfortunate problem with marquees is their incompatability with Netscape browsers. For this reason, I suggest you take note of this fact, and either use it where scrolling will enhance the page, but not make it look bad if the marquee text doesn't scroll, or create a JavaScript which will show a ticker tape or marquee depending on whether the visitor uses Netscape of Microsoft Internet Explorer. I know that the last option I suggested is easier said than done so I'll be writing a tutorial which will help you do this and similar procedures.

Creating The Marquee

<MARQUEE ALIGN = "Alignment Type" BEHAVIOR = "Marquee Behavior" BGCOLOR = "Color" DIRECTION = "Direction" WIDTH = "n" HEIGHT = "n" LOOP = "n" SCROLLAMOUNT = "n" SCROLLDELAY = "n" HSPACE = "n VSPACE = "n">Your Scrolling Text Goes Here</MARQUEE>

With so many specifications, it may appear to be easier to write a JavaScript code for a ticker tape than to create a marquee, but the only required commands are the <MARQUEE> and </MARQUEE> commands, the rest are optional. Unless otherwise specified in the direction part of the marquee command, everything between these two commands will scroll from right to left. Replace Alignment Type with TOP, MIDDLE, or BOTTOM to specify the location of everything embedded in the <MARQUEE> and </MARQUEE> commands in relation to the text surrounding the marquee. Replace Marquee Behavior with SCROLL, SLIDE, or ALTERNATE. If you want to use the SCROLL behavior, you don't even need the behavior part because SCROLL is the default. SLIDE makes the marquee repeat itself as soon as the first item (character, image, etc.) of the marquee reaches the beginning of the marquee's allotted space. ALTERNATE makes the text bounce back and forth (See top of tutorial). Replace Color with a color or the hexadecimal code for a color (Click here to get the hexadecimal code for a color) to change the background color of the scroll (the background color of the page or table the marquee is embedded in is default). Replace Direction with RIGHT or LEFT to tell the computer the direction the text should scroll in (LEFT is default). Replace the n in the HEIGHT & WIDTH parts with a number or precentage. Replacing n with a number specifies the number of pixels the height and width should be and replacing it with n% (where n is a number from 1 to 100) tells the computer to use n% of the browser window or table (The Default width is 100% and the default height is the height of the biggest item in the marquee). Changing the n in the loop part to a number tells the computer to repeat the marquee the number of times entered. Typing in INFINITE makes the marquee repeat itself until the visitor leaves the page. Infinite is also the default. To change the horizontal number of pixels (number of pixels wide - width) scrolled/n where n is equal to the number of milliseconds in the SCROLLDELAY part, change the n in the SCROLLAMOUNT to a number. The default is 6. If you would like to have a delay between each SCROLLAMOUNT, replace the n in the SCROLLDELAY part with a number. The number entered represents the delay in milliseconds (1000 milliseconds in a second). The default for this command is 100 (1/10 second delay). Essentially, the SCROLLAMOUNT and SCROLLDELAY commands control the speed of the text. If you want to adjust the number of pixels between the marquee and its surroundings, replace the n in the HSPACE and VSPACE parts with a number (the number in the VSPACE part specifies the number of pixels between the marquee and the text above and below it while the number in the HSPACE part specifies the number of pixels between the marquee and the text to the right and left of it. The VSPACE and HSPACE defaults are 0 (no space).

JCL's HTML & JavaScript Tutorial
E-Mail Me