Animation Marquee Demo
·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁÂ
And here is the type of code you would use for this wonderful effect:

<TABLE><TD>
<FONT FACE="Wingdings" SIZE=7 COLOR="BLUE">
<MARQUEE BGCOLOR="#000001" WIDTH=42 SCROLLAMOUNT=44 ALIGN=MIDDLE>
·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁÂ
</MARQUEE>
<MARQUEE BGCOLOR="#000066" WIDTH=42 SCROLLAMOUNT=44 ALIGN=MIDDLE>
·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁÂ
</MARQUEE>
<FONT COLOR=BLACK>
<MARQUEE BGCOLOR="#0000CC" WIDTH=42 SCROLLAMOUNT=44 ALIGN=MIDDLE>
·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁ·¸¹º»¼½¾¿ÀÁÂ
</MARQUEE>
</FONT>
</FONT></TD></TABLE>

Note that this is using the "Wingdings" font. It just happens to contain glyphs for a variety of different clock faces, which allows the animation effect to work so nicely. However, I would be remiss not to point out that since this is so heavily reliant upon the proper font being available, this particular effect should only be used if you know that the users of this site have the proper Wingdings font installed.

Previous Current Next
Spinner Animation Authoring Tips

Watermark Font Table Dynsrc Marquee Sound