CLICK HERE TO ENLARGE THE TEXT OF THIS PAGE
Ok, marquee's are a way of sliding words across the sreen. I'm sure you've seen them somewhere or you probably wouldn't be on this page. Here's the first and a simple marquee.
Here's the code for it
<marquee>words for your marquee here</marquee>
Ok, not so hard so far is it? Now lets talk about controlling the direction. For this we use direction= inside the marquee tag, like this.
<marquee direction="right"> direction right</marquee>
<marquee direction="left"> direction left</marquee>
Although the left attribute will go there by default, meaning you don't need to put direction left because it will go there without the tag.
Now lets talk about controlling the speed. For this we use scollamount= in the marquee code, like this:
That was scroll amount "10"
<marquee scrollamount="10">Hi there</marquee>
That was scrollamount="20".
<marquee scrollamount="20">Hi there</marquee>
The bigger the number the faster the marquee will go. But the more stuff on your page or in your sig, like backgrounds, graphics, animated graphics, and music will slow down your marquee. But you can controll the speed with the scrollamount.
You can also add direction in the tag along with the scrollamout.
That was scrollamount "10 and direction "right"
<marquee scrollamount="10" direction="right">Hi there</marquee>
You can add a behaviour attribute This will make it seem not so jumpy..
Here's the code, but you could put direction left if you wanted or add a scrollamount.
<marquee behavior="srcoll" direction="right">Hi there</marquee>
You can use the Behavior along with the Slide attribute to make it slide one way and stop.
That was the marquee using direction right behavior slide. You could put direction left if you wanted or add scrollamount in it too.
<marquee direction="right" behavior="slide">Hi there</marquee>
You can aslo have it bounce back and forth by using behaviour=alternate
Here's the code you can add a scollamount to this if you want.
<marquee behavior="alternate">Hi there</marquee>
You can also cut down the width of the marquee, making it indented on each side by adding Width= to the code, like this.
Here's the code, You will haave to put center codes in for this one an d you can change the number %, and add scrollamount or direction to this one.
<center>
<marquee width="50%">Hi There</marquee>
</center>
Here's one where you can make the words come from the middle and go outwards, you can add a scrollamount to this one if you wish.
Here's the code for it.
<marquee direction="left" width="50%">words here</marquee><marquee direction="right" width="50%">words here</marquee>
And here's a way to make it PC compatible:
And here's the code for it:
<center>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" width="50%"><marquee direction="left">
Words Here</marquee></td>
<td align="center" width="50%"><marquee direction="right">
Words Here</marquee></td>
</tr></table>
</center>
Here's a cool one that comes from the sides and stops at the middle. You can aslo use a scrollamount on this one.
Here's the code.
<marquee width="50%" behavior="slide" direction="right">words</marquee><marquee width="50%" behavior="slide">Here</marquee>
Here's how to make it PC compatible:
And here's the code for it:
<center>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" width="50%"><marquee behavior="slide"
direction="right">Words</marquee></td>
<td align="center" width="50%"><marquee behavior="slide"
direction="left">Here</marquee></td>
<tr></table>
</center>
Here's how to add a background color to your marquee
Here's the code, you can add scrollamount and put any color you want, or change directions, or behavior..
<marquee bgcolor="blue">words here</marquee>
Here's how to change the font size and color.
Here's the code, you can change the font size, and color, add bgcolor, scrollamount, behavior, just about everything.
<font size="6" color="blue"><marquee>words here</marquee></font>
And finially, here's how to make a blinking text using the delay tag in the marquee tags.
Here's the code, Increase the scrollamount to move the text to the left decrease it to moves it to the right.Increase the scrolldelay to slows down the blink rate. You can make it more PC compatible, (For Netscape User's), by adding <blink> before <marquee> and a </blink> after the </marquee>
<marquee scrollamount="475" scrolldelay="400">Words here</marquee>
Well that about it for this tutorial, expirement with them, mix and match the codes and most of all, have fun!, hope this helps you out. Kid
Please Sign My Guestbook
