HTML Marquee Codes – Create Easy Scrolling Images

You may have seen a scrolling marquee on some web sites but wondered if you can add a little more creativity to it. Let’s first discuss the basics of the html marquee code before showing you a way to do something more creative with it such as scrolling images.

What is a marquee?

In HTML, a marquee is a small section of the browser window that displays text that rolls across the screen. This tag works only in Internet Explorer.

Uses of the marquee

Pros

1. Church marquee. You want to make an announcement that may change daily or weekly. Churches often display a scrolling marquee on a sign outside their church to attract visitors to their church.

2. Get attention. It quickly draws the attention of your visitors to that location on the web page.

3. Special occasions. Some sites use it to announce specials pertaining to holidays i.e. Christmas, Easter etc

Cons

1. Distracts visitors from the actual content of your site.

2. Does not work in all browsers. Be sure to test your html marquee codes before uploading your web page.

HTML marquee codes

This is a simple marquee:

This text scrolls


<marquee>This text scrolls</marquee>

This is a delayed marquee:

This text scrolls every half second


<marquee scrolldelay="500" width="200">This text scrolls every half second</marquee>

Browser Support

Netscape 7
Mozilla 1
Firefox 1
Internet Explorer 2, 3, 4, 5, 6
Opera 6, 7, 8
Safari 1
WebTV / MSNTV

Create Scrolling Background Images

If you want to add background images that scroll across your page and work in most modern browsers please visit this page:

Easy Scrolling Background Images

Now you have no excuse to liven up your marquees in your future designs.

Comments

  1. hi i need to have title as a marquee is it possible if yes can u provide me the html code for that

  2. i want to have an image scrolling with the start of the image (group of images) coming immediatly after the end of the image (group of images) so theres a continuous image going across with no breaks, any ideas?

  3. hi!!!! how can I make my images scroll to my friendster profile or to my website?????

  4. i need a scrolling marquee that has several links in the scrolling text (using it for affiliate advertising links). Is there such a way to do that??

  5. I was wondering if it’s possible to have multiple images on the same marquee line scroll in and stop at different positions?

  6. how could i do the image scorlling on myspace?

  7. Hi Thanks for your tips on marquee. Tried a wp plugin but did not find it flexible enough.
    Thanks

  8. I want code for scrling Image vartical

  9. How do you do the image scroller?

  10. how to add marquee in html 2007 as i am not finding the option

  11. how to add marquee in html 2007

  12. Im really happy that I came across this when I did because I was really starting to get bored with the whole blogging scene.

  13. i need coding for display the images in website in html language

  14. i need code for scrolling image

  15. glad to be one of several visitors on this awing website : D.

  16. I have some marquee scrolling code on my blog located at the bottom right of it here: http://paganbydesign.blogspot.com

    It scrolls images horizontally that when moused over will stop, and when clicked will go to the associated links for the images.

    My problem is that I can’t figure out for the life of me HOW to get it to work in the Internet Explorer browser. It works in Firefox and Chrome just fine.

    This is what the code looks like:

    [div class=”textwidget”></a]

    </div]

    Can you – or anyone – please help me to edit it so it will work in Internet Exploder (typo on purpose) too? Note that I changed the beginning and ending arrows to the bracket sign so it won't "work" here but you can see the code.

  17. UGH the code still didn’t show up correctly for you to view it…sorry, I don’t know how to post it all there.

  18. Update: I messed up my first post when I said the images scroll horizontally (duh, actually they scroll vertically). Anyway, I put code into my blogger template to Emulate IE6 and now it “sort of works” except that my images stop scrolling (only in IE after it reaches the height I defined in the html, then starts over…so in IE people are only seeing like 1 1/2 buttons out of about 20 that I have in there.

    Any ideas?

  19. Laxmidhar says:

    hi,i want to use 16 images one after the other. so that the scrolling can be displayed,in the button.to 16 images were present.

  20. Laxmidhar says:

    in the same place.one after the other.

  21. Hi there! This is my first comment here so I just wanted to give a quick shout out and tell you I genuinely enjoy reading through your blog posts. Can you suggest any other blogs/websites/forums that cover the same topics? Many thanks!

Trackbacks

  1. […] been using HTML Marquee Codes to create scrolling images the past few years and have also used them for flashing images. The problem is the code does not […]

  2. […] HTML Marquee Codes – Create Easy Scrolling ImagesYou may have seen a scrolling marquee on some web sites but wondered if you can add a little more creativity to it. Let’s first discuss the basics of the html marquee code before showing you a way to do something more creative with it such as scrolling images. […]

  3. […] HTML Marquee Codes – Create Easy Scrolling Images Apr 20, 2006 … How to Create Easy Scrolling Text and Background Images. […]

  4. […] HTML Marquee Codes – Create Easy Scrolling Images Apr 20, 2006 … How to Create Easy Scrolling Text and Background Images. […]

  5. Sjove billeder…

    […]HTML Marquee Codes – Create Easy Scrolling Images[…]…

Speak Your Mind

*