Marquee Slide

I saw this effect on Deidra's blog and thought I would tell you all how it work. She placed something simlar to the code below in the "title" of her blog.


First of all, there are there types of marquees: Slide, Scroll, and alternate.

Here what the three look like:




Scroll







slide







alternate






There basic html code for the three are:
.marquee. Scroll ./marquee.
.marquee behavior="slide". slide ./marquee.
.marquee behavior="alternate". alternate ./marquee.

Now, there three other behivors you can add:
scrolldelay="90" (90 is default, makes it slower.)
scrollamount="6" (6 is default, makes it move across the screen, faster or slower.)
align="Left" (Left is default, can also be "align="Left" " or align="middle")

Here are some ex. of this to get together:

.marquee scrolldelay="180".marquee scroll./marquee.


marquee scroll



.marquee scrolldelay="90".marquee scroll./marquee.


marquee scroll



.marquee scrollamount="6" scrolldelay="90".marquee scroll./marquee.


marquee scroll



.marquee scrollamount="6" scrolldelay="1".marquee scroll./marquee.


marquee scroll



Remeber that the . are <> in html. And also that this sometime takes practics to get it to work.


Filed under: Commentaries Tech