Slide-in text:
This text slides in from the left, then stays where it is. You will need to refresh this page to see the effect again.
<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee&g

This code results in:

Continuous scrolling text:

<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>

This code results in:

Text bouncing back and forth:

<marquee behavior="alternate">Your bouncing text goes here</marquee>

This code results in:

Text Scrolling Upwards:

<marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>

This code results in:

 
Change the Scrolling Speed:

<marquee behavior="scroll" direction="left" scrollamount="1"> Slow scroll speed </marquee> <marquee behavior="scroll" direction="left" scrollamount="10"> Medium scroll speed </marquee> <marquee behavior="scroll" direction="left" scrollamount="20"> Fast scroll speed </marquee>

This code results in:

Scrolling Images:

<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>

This code results in:

Write comment

Name: Email:  do not notifynotify Website: Title:

Comments

Add New RSS

Bertha U.  - Really useful material here.   |2008-06-18 07:27:02 Really useful material here, thank you yourchristiantools. Pam  - thanks   |2008-04-30 20:10:23 Thanks for this info! Powered by !JoomlaComment 3.26

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."