Wednesday, 8 August 2012

How to Make a Marquee in HTML


marquee tag in HTML code allows Web developers to set the text so that it scrolls across the web page. While using the marquee tag certainly brings attention to the text, it also can appear juvenile if it is not used the right way. Marquee tags are optimal for news, sports and stock tickers, but probably not as effective for other types of content. 

Instructions
                   1 .Open notepad++ code this copy and save marquee.html
2 .OR Open the HTML page on which you will include the marquee.

3 Type the following code anywhere between the <body> and </body> tags:
<Marquee>Text goes here.</Marquee>
4 .Replace "Text goes here" with the actual text you want to scroll across the page.
5 .Publish the page.

BASIC Marquee:
<marquee>Change text between marquee tags</marquee>
See Output:
 

Other Marquee Role:
<marquee behavior="alternate">Alternate marquee behavior</marquee>

Marquee DIRECTION
<marquee direction="right">Right marquee direction</marquee>
<marquee direction="up">Up marquee direction</marquee>
<marquee direction="down">Down marquee direction</marquee>

Marquee LOOP • Number of times marquee wiil scroll (loop)
<marquee loop="3">This marquee is set to scroll (to loop) 3 times</marquee>
<marquee loop="5">Another example: This marquee will loop 5 times</marquee>

Marquee SCROLLAMOUNT • Smaller SCROLLAMOUNT value scrolls marquee slower
<marquee scrollamount="10">SCROLLAMOUNT marquee equals 10</marquee>
<marquee scrollamount="20">Another example: SCROLLAMOUNT marquee equals 20</marquee>

Marquee SCROLLDELAY • Smaller SCROLLDELAY value scrolls marquee faster
<marquee scrolldelay="250">SCROLLDELAY marquee. 250 = ¼ sec</marquee>
<marquee scrolldelay="500">Another example: SCROLLDELAY marquee 500 = ½ sec</marquee>

Miscellaneous HTML Marquee Tags
<marquee bgcolor="#66CD00">Changing bgcolor value changes marquee background color</marquee>

<marquee behavior="alternate"><marquee width="200">Reoccuring Marquee</marquee></marquee>
<marquee scrollamount="5" width="40">&lt;&lt;&lt;</marquee>
Opposite Direction Marquees<marquee scrollamount="5" direction="right" width="40">&gt;&gt;&gt;</marquee>Opposite Direction Marquees

<marquee scrollamount="15" direction="up" behavior="alternate"><marquee scrollamount="15" direction="right" behavior="alternate"><img src="YourImage.gif" /></marquee></marquee>


<marquee direction="down"><img src="http://www.Fillster.com/image.gif" /></marquee>

<marquee"><img src="http://www.Fillster.com/image.gif" /></marquee>