HTML Marquee Code free tutorial

You can create a scrolling marquee (i.e. scrolling text or scrolling images) by using the <marquee> tag. You can make the text/images scroll from right to left, left to right, top to bottom, or bottom to top - it's your choice!

Note that if you can't view the examples, it's likely that your browser doesn't support the marquee tag.

Slide-in text:

This text slides in from the right, then stays where it is. You will need to refresh this page to see the effect again.

CODE

<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>

---

Continuous scrolling text:

CODE

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

---

Text bouncing back and forth:

CODE

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

---

Text Scrolling Upwards:

CODE

<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>

---

Scrolling Images:

CODE

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

---

Images & Text (Both Scrolling):

CODE

<marquee behavior="scroll" direction="left">

<img src="/pix/smile.gif" width="100" height="100" alt="smile" />

<p>Sample text under a <a href="/html/codes/scrolling_images.cfm">scrolling image</a>.</p>

</marquee>