Add Scrolling (marquee) Text-make a different look
Posted On Friday, January 9, 2009 at at 12:21 AM by RashedSimple Scrolling Text Code:
<marquee>code to simple scrolling text</marquee>
Example:
Change background color to the text:
<marquee bgcolor="#0000ff">code to simple scrolling text</marquee>
Example:
You Need More Color ! Here
350+ Color Code
You can change the direction of the scrolling text. The direction attributes are:
direction="left"
direction="right"
direction="up"
direction="down"
You can also change the scrolling style. The attribute is:
behavior="alternate"
behavior="scroll"
behavior="slide"
Write these code for direction and behavior:
<marquee behavior="alternate" direction="down" bgcolor="#0000ff">code to simple scrolling text</marquee>
Example of direction and behavior attribute:
Set the speed of the text. To do so, use this attribute:
scrollamount="2"
Example Code:
<marquee behavior="alternate" direction="left" bgcolor="#0000ff" scrollamount="2">code to simple scrolling text</marquee>
Example:
Another Example:
<marquee behavior="alternate" direction="left" bgcolor="#0000ff" scrollamount="8">code to simple scrolling text</marquee>
It will appear as:
Controll the text when mouse is over the text. The text will stop:
Example Code:
<marquee behavior="alternate" direction="left" bgcolor="#0000ff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50"> code to simple scrolling text</marquee>
Example:
Changing the text colour:
<span style="#ffffff">
or
<font clor="#ffffff">
Write these code:
<span style="#ffffff"> <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" bgcolor="#0000ff"> <br /> <br />code to simple scrolling text<br /> <br /> </marquee>
Example:
Make hyperlinks (open in the same window):
Example Code:
<marquee behavior="scroll" direction="left" bgcolor="#0000ff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href="url#1">LINK#1</a>
<a href="url#2">LINK#2</a>
<a href="url#3">LINK#3</a> </marquee>
NOTE:Replace the Link#1,Link#2,Link#3 with the text and url#1,url#2 and url#3 with the target
Example code:
<marquee behavior="scroll" align="middle" direction="left" bgcolor="#0000ff" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
<br /> <br />
<a href=" http://blogging-for-bloggers.blogspot.com">Blogging</a>
<a href=" http://shortmemory-shorttime.blogspot.com">short memory</a>
<a href=" http://makemoneyonliine.blogspot.com"> Make Money Online </a>
<br /> <br /> </marquee>
Example:
Open the links in new window,here is the code:
Example Code:
<marquee behavior="scroll" direction="left" bgcolor="#0000ff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href="url#1" target="_blank">LINK#1</a>
<a href="url#2" target="_blank">LINK#2</a>
<a href="url#3" target="_blank">LINK#3</a> </marquee>
NOTE:Replace the Link#1,Link#2,Link#3 with the text and url#1,url#2 and url#3 with the target
Example code:
<marquee behavior="scroll" direction="left" bgcolor="#0000ff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href=" http://blogging-for-bloggers.blogspot.com">Blogging</a>
<a href=" http://shortmemory-shorttime.blogspot.com">short memory</a>
<a href=" http://makemoneyonliine.blogspot.com"</a>
<br /> <br /> </marquee>
Example:
How to add scrolling text
- Go to your Dashboard > > Layout > > Page Elements > > Add a Gadget > > HTML/JavaScript
- Write your marquee code and save
It's all. Make a good look of your site. Happy Blogging.
thank you so much for this very useful guidance !!!