Monday, July 22, 2019
Marquee tag in html with example

Marquee tag in html with example

 

HTML marquee tag का उपयोग टेक्स्ट या फोटो को लेफ्ट से राइट या टॉप से बॉटम दिशा में स्क्रॉल करने के लिए किया जाता है। वेब पेज में नोटिस , ब्रेकिंग न्यूज़, नवीनतम ऑफर इत्यादि में करने के लिए इस्तेमाल किया जा सकता है। marquee tag के Attribute इस प्रकार है

 

Marquee Tag Attribute

 

Scrollamount

Behavior

Direction

Loop

Scrollamount

Scrolldelay

 

 

BASIC Marquee

 

<marquee>BASIC Marquee Tag</marquee>

 

Output

 

BASIC Marquee Tag

 

Marquee BEHAVIOR

 

<marquee behavior=”slide”>Slide marquee behavior</marquee>
 

Output

 

Slide marquee behavior

 
<marquee behavior=”alternate”>Alternate marquee behavior</marquee>
 

Output

 

Alternate marquee behavior

 
 

Marquee DIRECTION

 

<marquee direction=”right”>Right marquee direction</marquee>
 

Output

 

Right marquee direction

 
<marquee direction=”up”>Up marquee direction</marquee>
 

Output

 

Up marquee direction

 
<marquee direction=”down”>Down marquee direction</marquee>
 

Output

 

Down marquee direction

 
 

Marquee LOOP

 

<marquee loop=”3″>This marquee is set to scroll (to loop) 3 times</marquee>
 

Output

 

This marquee is set to scroll (to loop) 3 times

 
<marquee loop=”5″>Another example: This marquee will loop 5 times</marquee>
 

Output

 

Another example: This marquee will loop 5 times

 
 

Marquee SCROLLAMOUNT

 

<marquee scrollamount=”10″>SCROLLAMOUNT marquee equals 10</marquee>
 

Output

 

SCROLLAMOUNT marquee equals 10

 
<marquee scrollamount=”20″>SCROLLAMOUNT marquee equals 20</marquee>
 

Output

 

SCROLLAMOUNT marquee equals 20

 
 

Marquee SCROLLDELAY

 

<marquee scrolldelay=”250″>SCROLLDELAY marquee. 250 = ¼ sec</marquee>
 

Output

 

SCROLLDELAY marquee. 250 = ¼ sec

 
<marquee scrolldelay=”500″>Another example: SCROLLDELAY marquee 500 = ½ sec</marquee>
 

Output

 

Another example: SCROLLDELAY marquee 500 = ½ sec

 

 

Tags: , , , , , , , , , , , , , ,
Avatar

Related Article

No Related Article

0 Comments

Leave a Comment