Lissa Explains it All -- HTML Help for Kids


| Section 1 | Section 2 | Section 3 | Section 4 |
| Section 5 | Section 6 | Section 7 | Section 8 |
| Section 9 | Section 10 | Section 11 | Section 12 | Section 13 |


How do I make a scrolling marquee?
How do I make it change direction?
How do I change the marquee speed?
How do I add a marquee background?
How do I make images scroll?



How do I make a scrolling marquee?   This is when words scroll from right to left across the page (or left to right or maybe even down!). This page is for those of you who use the Internet Explorer browser, the marquee tag does not work in any other browser. Copy and paste this code into your editor.

<marquee behavior=scroll direction="left">Your message here</marquee>

Hi! Welcome to Lissa Explains it All!



Here is a variation on the basic marquee, I like this one =) The text will slide in from the right and stop at the left margin. Just add this tag:

<marquee behavior=slide direction=left>your message here</marquee>

Isn't this cool? You might need to reload to see it in action



You can make a marquee go back and forth between the margins:

<marquee behavior="alternate">your message here</marquee>

Welcome to Lissa Explains it All!



You can add different widths to any marquee:

<marquee behavior="alternate" bgcolor="#color" width="400">your message here</marquee>

Welcome to Lissa Explains it All




You can change the font type, color and size by adding the font tag before the marquee, just remember to close the font tag at the end of the marquee. Also, you can make any of your marquee messages a hyperlink by adding the <a href> tag before and after your message.

up


How do I make it change direction?   If you want it to go in a different direction, just type in "right" instead of "left", or "up" and even "down" in your basic marquee code:

Hi! Welcome to Lissa Explains it All! This is a really cool marquee. You can even add hyperlinks!! Click here! You can even add images: clickme


up


How do I change the marquee speed?   You just need to add the scrollamount tag to your marquee tag like this:

<marquee behavior=scroll direction="left" scrollamount="5">Your message here</marquee>

The higher your number, the faster your marquee will scroll. Some examples (don't watch this too long, it will make you dizzy):

I'm slow (scroll amount="1")
I'm slow (scroll amount="3")
I'm slow (scroll amount="5")
I'm medium (scroll amount="7")
I'm medium (scroll amount="9")
I'm medium (scroll amount="11")
I'm fast(scroll amount="13")
I'm fast (scroll amount="15")
I'm fast (scroll amount="17")
I'm super fast (scroll amount="50")

up


How do I add a marquee background?   It's easy:

<marquee bgcolor="#(hex code here)">your message here</marquee>

This marquee has a background color

up


How do I make images scroll?   I'm not sure why anyone would want to use this, but you can make images scroll also, and you can make them hyperlinks! Use the following code, subsitute your own information where you see bold text:

<marquee behavior=scroll direction="left"><a href="http://address you want to link to><img src="yourimagename.gif width="yourimagewidth "height="yourimageheight" border="0" alt="yourimagename"></a></marquee>

It would look like this:

50

Now you know how to annoy your friends with all kinds of different scrolling marquees.



Well, wait a minute!! You haven't seen the most annoying marquee of all!!

Lissa Explains it AllLissa Explains it AllLissa Explains it AllLissa Explains it All


And the code for this one is (substitute your message and width, also background colors):

<marquee bgcolor="#your color" width="20%">your exciting message here</marquee><marquee bgcolor="#your color" width="20%" direction="right">your exciting message here</marquee><marquee bgcolor="#your color" width="20%">your exciting message here</marquee><marquee bgcolor="#your color" width="20%" direction="right">your exciting message here</marquee>

up




| About Lissa | Privacy Statement | Contact | Link Us |

Copyright 1997-2011 Lissa, All rights reserved
This Web site is registered with the Library of Congress Copyright Office.


lissaexplains.com


Lissa Explains it All -- HTML Help for KidsHTML Help, css, frames, tables, div layersCustom CursorsHTML Help ForumFree E-mail Service for Kids (and adults who love bright colors ;)Lissa Explains it All -- Free PostcardsLissa Explains it All -- MerchandiseLissa Explains it All -- Guestbook
HTML BasicsHTML TutorialCSS TutorialFrames TutorialTables TutorialColor TutorialFree JavascriptsFun Free Stuff for your siteMySpace TutorialHTML Tutorial
spacer