HTML Scrolling Text

<div 
align="center"> <marquee bgcolor="#000080" scrollamount="2" 
direction="up" loop="true" width="35%"> <center> 
<font color="#ffffff" size=" 1"><strong> THIS 
IS A COOL WAY<br> TO MAKE YOUR TEXT<br> SCROLL UPWARDS<br> <br>  IT IS EASY AND FAST LOADING </strong></font> </center> </marquee></div>

Result

THIS IS A COOL WAY
TO MAKE YOUR TEXT
SCROLL UPWARDS

IT IS EASY AND FAST LOADING

div align="center"><FONT 
color="#ffffff" size=" 1"><MARQUEE bgcolor="#000080" 
direction="right" loop="20" width="75%"><STRONG>This 

is cool!</STRONG></MARQUEE></FONT></DIV>

Result

This is cool!

<marquee behavior="alternate" direction="left">Your bouncing text goes here</marquee>
<p><a  style="font-size:11px;color:#999;"

ResultYour bouncing text goes here

<div style="position:relative;height:600px;"> 
<marquee style="z-index:2;position:absolute;left:18px;top:97px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:200px;"scrollamount="3" direction="down">Scrolling text</marquee><marquee style="z-index:2;position:absolute;left:1px;top:89px;font-family:Cursive;font-size:14pt;color:#FF8C48;height:100px;"scrollamount="7" direction="down">Falling text</marquee><marquee style="z-index:2;position:absolute;left:111px;top:7px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:302px;"scrollamount="4" direction="down">Scrolling text</marquee><marquee style="z-index:2;position:absolute;left:225px;top:83px;font-family:Cursive;font-size:14pt;color:#FF8C48;height:435px;"scrollamount="3" direction="down">Falling text</marquee><marquee style="z-index:2;position:absolute;left:105px;top:53px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:432px;"scrollamount="2" direction="down">Scrolling text</marquee><marquee style="z-index:2;position:absolute;left:168px;top:69px;font-family:Cursive;font-size:14pt;color:#FF8C48;height:369px;"scrollamount="1" direction="down">Falling text</marquee><marquee style="z-index:2;position:absolute;left:130px;top:117px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:289px;"scrollamount="7" direction="down">Scrolling text</marquee><marquee style="z-index:2;position:absolute;left:176px;top:57px;font-family:Cursive;font-size:14pt;color:#FF8C48;height:78px;"scrollamount="7" direction="down">Falling text</marquee><marquee style="z-index:2;position:absolute;left:16px;top:57px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:56px;"scrollamount="5" direction="down">Scrolling text</marquee><marquee style="z-index:2;position:absolute;left:300px;top:86px;font-family:Cursive;font-size:14pt;color:#FF8C48;height:194px;"scrollamount="2" direction="down">Falling text</marquee><marquee style="z-index:2;position:absolute;left:292px;top:10px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:251px;"scrollamount="6" direction="down">Scrolling text</marquee><marquee style="z-index:2;position:absolute;left:278px;top:74px;font-family:Cursive;font-size:14pt;color:#FF8C48;height:154px;"direction="down">Falling text</marquee><marquee style="z-index:2;position:absolute;left:241px;top:72px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:82px;"direction="down">Scrolling text</marquee><marquee style="z-index:2;position:absolute;left:276px;top:32px;font-family:Cursive;font-size:14pt;color:#FF8C48;height:70px;"scrollamount="3" direction="down">Falling text</marquee><marquee style="z-index:2;position:absolute;left:272px;top:15px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:334px;"direction="down">Scrolling text</marquee><marquee style="z-index:2;position:absolute;left:90px;font-family:Cursive;font-size:14pt;color:#FF8C48;height:167px;"scrollamount="7" direction="down">Falling text</marquee><marquee style="z-index:2;position:absolute;left:275px;top:108px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:420px;"scrollamount="7" direction="down">Scrolling text</marquee><marquee style="z-index:2;position:absolute;left:22px;top:76px;font-family:Cursive;font-size:14pt;color:#FF8C48;height:12px;"scrollamount="7" direction="down">Falling text</marquee><marquee style="z-index:2;position:absolute;left:89px;top:54px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:366px;"scrollamount="2" direction="down">Scrolling text</marquee><marquee style="z-index:2;position:absolute;left:26px;top:72px;font-family:Cursive;font-size:14pt;color:#FF8C48;height:358px;"scrollamount="1" direction="down">Falling text</marquee><marquee style="z-index:2;position:absolute;left:3px;top:44px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:130px;"scrollamount="3" direction="down">Scrolling text</marquee> 
</div> 
<p><a  style="font-size:11px;color:#999;" 

Result

Scrolling textFalling textScrolling textFalling textScrolling textFalling textScrolling textFalling textScrolling textFalling textScrolling textFalling textScrolling textFalling textScrolling textFalling textScrolling textFalling textScrolling textFalling textScrolling text

<marquee behavior="scroll" direction="right"><marquee behavior="scroll" direction="up">Up up and away!</marquee></marquee>
<p><a  style="font-size:11px;color:#999;" 

ResultUp up and away!

Posted in: HOW TO,HTML