4/03/2013

How to make a scrolling marque

A marquee allows you to have text, or even images, scroll across a webpage. There good at getting a visitors attetion.Unfortunately, the marque tag only works in Internet Explorer not Netscape.

How to do it

to create a marquee, you first need to place a <MARQUEE> tag in front of the line of text you want to scroll across the page.Then at the end of the line of text, place an ending </MARQUEE> tag.

next, add behavior="?" direction="?" width="?" to your font <MARQUEE> tag, like this:
<MARQUEE behavior="?" direction="?" width"?">

now all you have to do is change the ?'s to what you want the marquee to do.

you can change the ? after behavior to, scroll if you want the marquee to just go across the page like any old normal marquee would, slide if you want the marque to stop at the page's margin, or alternate for the arquee to bounce between then page's margins.

You can change the ? after direction to what direction you want to scroll in, for example, left, right, or even up and down.

You can chaange the ? after width to specify how long you want your marquee to be in pixels or percent. For Example if you put 200, your marquee will be 200 pixel long, if you put 100% it will stretch 100% of the web page, which is the entire lenght.

You can change your text colour, size, and everything else just as you normally would. Just place the <FONT> within the MARQUEE tag's.

Same thing with making your marque a link, just change the text in the marquee to a link.

Examples :
<MARQUE behavior="scroll" direction="left" width="90">Your Text Here</MARQUEE>

your marquee will be across from left *

How to make link on Marquee

<marquee behavior="alternate" style="font-family: comic sans ms; font-size:20px; color: #cc0000;" height="100" scrollamount="10" onmouseover="this.stop()" onmouseout="this.start()">
<a href="http://ishareforu.blogspot.com/">back to home</a>
</marquee>

You must change the blue word with your link, and "back to home" change to the tittle of your link.. :)


Source : www.angelfire.com

No comments:

Post a Comment