MARQUEE COMMAND - இன் பயன்கள் எடுத்துக்காட்டுடன் !!!!!!

Friday, March 18, 2011

MARQUEE COMMAND - இன் பயன்கள் எடுத்துக்காட்டுடன் !!!!!!

Posted by Mohammed Nowshath at 3:20 AM

ந
ண்பர்களே!!!! HTML -இல் உள்ள MARQUEE COMMAND -இன் பயன்கள் பற்றி பார்க்கபோகிறோம் இது ஒரு அற்புதமான COMMAND இதை பயன் படுத்தி நம் வலைப்பூவை அழகாக்கலாம் . இதை நீங்களே பாருங்கள் கண்டிப்பாக இது பயனுள்ளதாக இருக்கும் என நம்புகிறேன் .

Continuous scrolling text:

<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>

This code results in:

Your scrolling text goes here

Text bouncing back and forth:

<marquee behavior="alternate">Your bouncing text goes here</marquee>

This code results in:

Your bouncing text goes here

Text Scrolling Upwards:

<marquee  behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>

This code results in:

Your upward scrolling text goes here

Change the Scrolling Speed:

<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>

This code results in:

Slow scroll speed

Medium scroll speed

Fast scroll speed

Scrolling Images:

Simply replace the src="... part with the location of your own image.

<marquee behavior="scroll" direction="left"><img src="http://i766.photobucket.com/albums/xx310/nowsath_ns/logo.jpg" width="100" height="100" alt="smile" /></marquee>

This code results in:

Images & Text (Both Scrolling):

Simply add your text under the image tag (but still within the marquee tags).

<marquee behavior="scroll" direction="left"><img src="http://i766.photobucket.com/albums/xx310/nowsath_ns/logo.jpg" width="100" height="100" alt="smile" /><br /> <p>/marquee>

This code results in:

Sample text under a Marquee image.

Marquee Scrolling Text Codes

Right to Left

<marquee direction="left">   TEXT   </marquee>

This code results in:

Right to Left

Left to Right

<marquee direction="right">   TEXT   </marquee>

This code results in:

Left to Right

Back and Forth

<marquee behavior="alternate">   TEXT   </marquee>

This code results in:

Back and Forth

<marquee direction="up">   TEXT   </marquee>

This code results in:

Up Up Up

Down

<marquee direction="down">   TEXT   </marquee>

This code results in:

Down Down Down

Up and Down

<marquee behavior="alternate" direction="up">   TEXT   </marquee>

This code results in:

Up and Down

Angle Down

<marquee><marquee direction="down">   TEXT   </marquee></marquee>

This code results in:

Angle Down

Angle Up

<marquee><marquee direction="up">   TEXT   </marquee></marquee>

This code results in:

Angle Up

Angle Up Back and Forth

<marquee direction="up"><marquee behavior="alternate">   TEXT   </marquee></marquee>

This code results in:

Angle Up Back and Forth

Bounce Around Back and Forth

<marquee behavior="alternate" direction="down"><marquee behavior="alternate">   TEXT   </marquee></marquee>

This code results in:

Bounce Around Back and Forth

Multiple Lines

<marquee direction="right">   TEXT <br> TEXT <br> TEXT <br> TEXT   </marquee>

This code results in:

Multiple Lines

Multiple Lines

Multiple Lines

Multiple Lines

<marquee bgcolor="   COLOR   " style="color:   COLOR   ">   TEXT   </marquee>

Colored Background

Pick 2 different colors so you can read the text.

Colored Background

<marquee direction="left"><blink>   TEXT   </blink></marquee>

Right to Left Blinking

* Blinks in Firefox, Mozilla and Netscape only.

Right to Left Blinking

Opposing Marqee's

<marquee>   TEXT   </marquee> <marquee direction="right">   TEXT   </marquee>

This code results in:

Right to LeftLeft to Right

Change Text Size

<marquee style="font-size:   NUMBERpx   ">   TEXT   </marquee>

This code results in:

Change Text Size

Change Width

<marquee width="   NUMBER%   ">   TEXT   </marquee>

This code results in:

Change Width

Adding hyperlinks(open in the same window):

<marquee behavior="scroll" align="middle" direction="left" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()" style="color:#99FFFF;"><a href="#">your link</a>  <a href="#">Colour chart</a>  <a href="http://nunukkangal.blogspot.com">Blogspot Tutorial</a></marquee>