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.

This entry was posted on Thursday, April 20th, 2006 at 10:03 am and is filed under Web Design . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

«
»

27 Responses to “HTML Marquee Codes – Create Easy Scrolling Images”

  1. anil Says:
    October 6th, 2006 at 4:10 am

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

  2. JeSta Says:
    November 19th, 2006 at 9:23 am

    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. shane Says:
    July 27th, 2008 at 8:17 am

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

  4. JUST COOL Design Blog Says:
    August 13th, 2008 at 12:14 pm

    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. DC Says:
    February 22nd, 2009 at 8:28 am

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

  6. cyntiha Says:
    April 22nd, 2009 at 8:12 pm

    how could i do the image scorlling on myspace?

  7. Desemal Thomas Says:
    April 9th, 2010 at 11:07 pm

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

  8. vishal Says:
    July 2nd, 2010 at 2:03 am

    I want code for scrling Image vartical

  9. classifieds Says:
    December 7th, 2010 at 4:37 am

    How do you do the image scroller?

  10. Herman Says:
    December 7th, 2010 at 11:35 am

    Classfieds…go to: http://www.boogiejack.com/scrolling_background.html

  11. shreya Says:
    December 13th, 2010 at 2:13 am

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

  12. shreya Says:
    December 13th, 2010 at 2:14 am

    how to add marquee in html 2007

  13. How To Create An Animated GIF In Fireworks Says:
    January 29th, 2011 at 1:19 am

    [...] 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 [...]

  14. Perry Belcher Says:
    February 3rd, 2011 at 11:26 am

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

  15. sudharsan Says:
    February 10th, 2011 at 4:58 am

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

  16. chitra Says:
    February 15th, 2011 at 6:39 am

    i need code for scrolling image

  17. Scrolling images | VanisSon Says:
    March 4th, 2011 at 4:53 pm

    [...] 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. [...]

  18. Tommie Behmer Says:
    March 11th, 2011 at 6:40 pm

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

  19. Polly Says:
    March 27th, 2011 at 9:56 pm

    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.

  20. Polly Says:
    March 27th, 2011 at 9:57 pm

    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.

  21. Polly Says:
    April 7th, 2011 at 6:02 pm

    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?

  22. Laxmidhar Says:
    July 19th, 2011 at 7:08 am

    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.

  23. Laxmidhar Says:
    July 19th, 2011 at 7:09 am

    in the same place.one after the other.

  24. Photo Card Place » Blog Archive » Pictures in a marquee scroll Says:
    August 6th, 2011 at 2:49 pm

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

  25. Pictures marquee code Says:
    August 6th, 2011 at 3:25 pm

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

  26. Gratis billeder Says:
    September 11th, 2011 at 10:10 am

    Sjove billeder…

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

  27. Free Ads and Classifieds - Seel and Buy anything Says:
    December 25th, 2011 at 1:11 am

    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!

Leave a Reply