About design and nearby

Scrolling Text with <marquee> Tag

Posted: January 9th, 2011 | Author: | Filed under: Tips and Tricks | Tags: , | No Comments »

<marquee> tag is a non-standard HTML element, but <marquee> is recognized by most of today’s browsers and cross-browser compatible enough. It was introduced by Microsoft in early versions of IE and now I find its description at W3C Working Draft (so it has a future).

Attributes:
width: the width of the marquee (by default 100%)
height: the height
direction: which direction the marquee should scroll (left, right, up, down)
behavior: the type of scrolling
scrolldelay: how long to delay between each jump
scrollamount: how far to jump
loop: how many times to loop
bgcolor: background color
hspace: horizontal space around the marquee
vspace: vertical space around the marquee

The Example:
Scrolling Text with <marquee> Tag

The HTML:

  1. <marquee behavior="scroll" direction="right" scrollamount="5" widht="600px">Scrolling Text with <marquee> Tag</marquee>

Feel free to make an experiment with attributes’ values, you could achieve interesting results ))

Well, as for me, a <marquee> tag may be helpfull… sometimes, it’s pretty ‘cheap and cheerful’ :) And I’ll look for any JavaScript… just because I like it more.

Share Button

Check Related Posts:


Leave a Reply


  • 6 × seven =

Looking for a Freelance UX & UI designer for your project? I’m ready to jump onboard!

Let's discuss your project now