Cross Browser Marquee

Now with this script, Netscape6.0+ viewers can also see the marquee effect that was only reserved for IE before. This cross-browser marquee has added features, such as configurable speed, background color, and option to pause scroller on mouseover.

W e have tested the code in IE5.5, IE6.0, IE 7.0, Netscape4.08, Netscape7.02, Netscape 8.1.3, Netscape 9.0b2, Opera 9.23, AOL Explorer 1.5 and Safari 3.0.3. This script worked well in all platforms tested with one variation observed in Opera7.23 .

The effect will go from right to left but as soon as the message hits the left side it will stop and repeat itself.

In other words, the entire marquee effect cannot be seen.

Depending on your knowledge of HTML and java scripts, this is an easy, one (1) step copy and paste code that is inserted in the <BODY> section of your document where you want it to appear. The reconfigurations are very easily explained within the code itself.

//Specify the marquee's width (in pixels)
var marqueewidth=500
//Specify the marquee's height
var marqueeheight=25
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=3
//configure background color:
var marqueebgcolor="#000000"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1

//Specify the marquee's content (don't delete tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

var marqueecontent='Put Your Messages, Image(s), Link(s) Etc. Here '

////NO NEED TO EDIT BELOW THIS LINE////////////

I n reference to your marquee messages, images, links etc., just write the code like you would normally for text, images links etc. See the below example of our marquee message exactly how we wrote it within the code.

var marqueecontent='<img src="https://www.angelfire.com/ny5/consigliere/images/smileicon.gif"border=0 width="30" height="30" alt="Smiley Icon Image" align="middle"> This is a cross browser marquee so now Netscape6.0+ can view the same effect that only Internet Explorer had before. If you would like this effect on your pages, grab the following link and you are there! [ <a href="http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm"target="_blank">Get Code Here</a> ]. Yes images and image links also! <a href="http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm"target="_blank"><img src="https://www.angelfire.com/ny5/consigliere/images/smileicon.gif" border=0 width="30" height="30" alt="Smiley Icon Image Link" align="middle"></a>'

N otice in the above section of code that we made use of all the proper HTML coding features such as

1) Complete Image Tag Including Alignment To Text

<img src="https://www.angelfire.com/ny5/consigliere/images/smileicon.gif"border=0 width="30" height="30" alt="Smiley Icon Image" align="middle">

2) URL Including Opening In New Browser Window

[ <a href="http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm"target="_blank">Get Code Here</a> ].

3) Complete Image Link

<a href="http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm"target="_blank"><img src="https://www.angelfire.com/ny5/consigliere/images/smileicon.gif" border=0 width="30" height="30" alt="Smiley Icon Image Link" align="middle"></a>

S o in other words, you can basically write regular HTML coding within the marquee with no problems.

We hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ] [ Rate This Page ]

Search Our Site By Individual letter

[ A ] [ B ] [ C ] [ D ] [ E ] [ F ] [ G ] [ H ] [ I ] [ J-K ] [ L ]
[ M ] [ N-O ] [ P-Q ] [ R ] [ S ] [ T ] [ U-V ] [ W ] [ X-Y-Z ]

Little Tips Directory

[ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ]

[ Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
[ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
[ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ] [ Form Index ]
[ 2001 ] [ 2002 ] [ 2003 ] [ 2004 ] [ 2005 ] [ 2006 ] [ 2007 ]
[ Disclaimer ]

[ News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
[ Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
[ Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [ Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.