HTML marquee标记效果演示集合

HTML marquee标记能让物体表现出滚动、滑动、上下移动等运动。

Marquee Codes Marquee Demo Marquees Marquee Tutorial Marquee image action

BASIC Marquee
<marquee>Change text between marquee tags</marquee>
Change text between marquee tags
Marquee BEHAVIOR
<marquee behavior="slide">Slide marquee behavior</marquee>
Slide marquee behavior (To see it in action - Refresh the page again)
<marquee behavior="alternate">Alternate marquee behavior</marquee>
Alternate marquee behavior
Marquee DIRECTION
<marquee direction="right">Right marquee direction</marquee>
Right marquee direction
<marquee direction="up">Up marquee direction</marquee>
Up marquee direction
<marquee direction="down">Down marquee direction</marquee>
Down marquee direction
Marquee LOOP • Number of times marquee wiil scroll (loop)
<marquee loop="3">This marquee is set to scroll (to loop) 3 times</marquee>
This marquee is set to scroll (loop) 3 times
<marquee loop="5">Another example: This marquee will loop 5 times</marquee>
Another example: This marquee will loop 5 times
Marquee SCROLLAMOUNT • Smaller SCROLLAMOUNT value scrolls marquee slower
<marquee scrollamount="10">SCROLLAMOUNT marquee equals 10</marquee>
SCROLLAMOUNT marquee equals 10
<marquee scrollamount="20">Another example: SCROLLAMOUNT marquee equals 20</marquee>
Another example: SCROLLAMOUNT marquee equals 20
Marquee SCROLLDELAY • Smaller SCROLLDELAY value scrolls marquee faster
<marquee scrolldelay="250">SCROLLDELAY marquee. 250 = ¼ sec</marquee>
SCROLLDELAY marquee. 250 = ¼ sec
<marquee scrolldelay="500">Another example: SCROLLDELAY marquee 500 = ½ sec</marquee>
Another example: SCROLLDELAY marquee 500 = ½ sec
Miscellaneous HTML Marquee Tags
<marquee bgcolor="#66CD00">Changing bgcolor value changes marquee background color</marquee>
Changing bgcolor value changes marquee background color
<marquee behavior="alternate"><marquee width="200">Reoccuring Marquee</marquee></marquee>
Reoccuring Marquee
<marquee scrollamount="5" width="40"><<<</marquee>Opposite Direction Marquees<marquee scrollamount="5" direction="right" width="40">>>></marquee>
<<<<<Opposite Direction Marquees>>>>>
<marquee width="60%" direction="up" behavior="alternate"><marquee direction="right" behavior="alternate">ZigZag Marquee</marquee></marquee>
ZigZag Marquee
<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="image.gif" /></marquee>

<marquee"><img src="image.gif" /></marquee>