Scrollers

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 height=120 BGCOLOR="#003366" TEXT="#F7F7FF" bgproperties="fixed" background="8a000781dkcfqa.jpg"> <bR> <div> </div> </td> </tr><tr> <td valign="top" width=180 BGCOLOR="#FFFFFF" TEXT="#080000" bgproperties="fixed" background="84bc8253.jpg"> <div> <B> <TABLE BORDER="4" CELLPADDING="3" CELLSPACING="3" WIDTH="164" BORDERCOLORLIGHT="#FFFFFF" BORDERCOLORDARK="#FFFFFF" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="index.htm" TARGET="_top" TITLE="Dinky Di Web Design">Home</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="about.htm" TARGET="_top" TITLE="About Us">About Dinky Di</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 ><NOBR><div> <A HREF="about_design.htm" TARGET="_top" TITLE="About Web Design">About Web Design</A></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 ><NOBR><div> <A HREF="need.htm" TARGET="_top" TITLE="Do I Need A Website ?">Do I need a Website ?</A></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="start.htm" TARGET="_top" TITLE="Getting Started">Getting Started</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="design.htm" TARGET="_top" TITLE="Design Options"><B>Design Options</B></A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="pricing.htm" TARGET="_top" TITLE="Pricing">Pricing</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="portfolio.htm" TARGET="_top" TITLE="Portfolio">Portfolio</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="testimonials.htm" TARGET="_top" TITLE="Testimonials">Testimonials</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="faq.htm" TARGET="_top" TITLE="F.A.Q.s">F.A.Q's</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="contact.htm" TARGET="_top" TITLE="Contact Us">Contact Us</A></div> </tD> </tR> </TABLE></B></div> <bR> <bR> </td> <td valign="top" height=360 width="100%" BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="207" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 16 ><NOBR><div> <A HREF="design.htm" TARGET="_top" TITLE="Design Options">Back To Design Options</A></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="506" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 16 WIDTH="500"><div> <B>SAMPLE SCROLLER</B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 88 ><NOBR><div> These are small examples of  scrollers that are available.</div> <div>  <table border=0 cellpadding=0 cellspacing=0> <tr><td width=200 height=80 valign=top> <SCRIPT> // CREDITS: // Power Ticker // By Urs Dudli and Peter Gehrig // Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com // info@24fun.com // 8/31/2002 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a highly visible link to // http://www.24fun.com on the webpage // where this script will be featured // CONFIGURATION: // Go to http://www.24fun.com // and create your own text animation // with our new Text Factory. var text=new Array() var textlink=new Array() var texttarget=new Array() text[0]="This is a sample scroller" textlink[0]="#" texttarget[0]="_blank" text[1]="It can showcase your messages" textlink[1]="#" texttarget[1]="_self" text[2]="Scrollers can be modified to your taste" textlink[2]="#" texttarget[2]="_self" var textfont="Arial" var textfontcolor="#000000" var textfontcolorrollover="#ff0000" var textfontsize=12 var textfontsizeHTML=3 var textdecoration="none" var textstyle=3 var textbgcolor="#ffffff" var textbgcolora="#ffffff" var textbgcolorb="#dddddd" var textweight="bold" var textweightA="<b>" var textweightB="</b>" var textitalic="normal" var textitalicA="" var textitalicB="" var textwidth=200 var textheight=80 var textpause=2000 var textborder=4 var textbordercolor="#0000fe" var textalign="center" var textvalign="middle" var i_mes=0 var speed=20 var i_substring=0 var i_presubstring=0 var i_text=0 var textcontent="" var textpresubstring="" var textaftersubstring="" var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var ns4=document.layers?1:0 function gettextcontent() { tablewidth=textwidth tableheight=textheight if (ns6 || ie) { textpresubstring=text[i_text].substring(0,i_presubstring) if (ie) { tablewidth=textwidth-2*textborder tableheight=textheight-2*textborder } textcontent="<table border=0 cellpadding=0 width="+tablewidth+" height="+tableheight+"><tr valign="+textvalign+"><td align="+textalign+">" textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolor+"\'\">" textcontent+=textpresubstring textcontent+="</a>" textcontent+="</td></tr></table>" } if (ns4) { textpresubstring=text[i_text].substring(0,i_presubstring) textcontent="<table border="+textborder+" cellpadding="+textborder+" width="+tablewidth+" height="+tableheight+"><tr valign="+textvalign+"><td align="+textalign+">" textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";color:"+textfontcolor+";font-size:"+textfontsize+"pt;text-decoration:"+textdecoration+";font-weight:"+textweight+";font-style:"+textitalic+";'>"+textpresubstring+"</a>" textcontent+="<font color="+textbgcolor+">.</font>" textcontent+="</td></tr></table>" } } function showticker() { if (i_substring<=text[i_text].length) { i_substring++ i_presubstring=i_substring-1 if (i_presubstring<0) {i_presubstring=0} gettextcontent() if (ie) { ticker.innerHTML=textcontent var timer=setTimeout("showticker()", speed) } if (ns6) { document.getElementById("ticker").innerHTML=textcontent var timer=setTimeout("showticker()", speed) } if (ns4) { document.tickerroof.document.ticker.document.write(textcontent) document.tickerroof.document.ticker.document.close() var timer=setTimeout("showticker()", speed) } } else { clearTimeout(timer) var timer=setTimeout("changetext()", textpause) } } function changetext() { i_substring=0 i_presubstring=0 i_text++ if (i_text>text.length-1) { i_text=0 } showticker() } if (ie || ns6) { if (ns6) { textwidth-=2*textborder textheight-=2*textborder } document.write('<div ID="roof" style="position:relative;width:'+textwidth+'px;height:'+textheight+'px;border-style:solid;border-width:'+textborder+'px;border-color:'+textbordercolor+';background-color:'+textbgcolor+'">') document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;width:'+textwidth+'px;height:'+textheight+'px;"></span>') document.write('</div>') } if (ns4) { document.write('<ilayer name="tickerroof" height="'+textheight+'" width="'+textwidth+'" bgcolor="'+textbgcolor+'">') document.write('<layer name="ticker" top=0 left=0></layer>') document.write('</ilayer>') document.close() } if (ie || ns6 || ns4) { window.onload=showticker window.onresize=showticker } </script> </td></tr></table>  </div> </NOBR></tD> </tR> </TABLE></div> <bR> <div>  <BODY> <marquee scrollamount="4" height="30" width="400" style="background-image : URL(http://www.dinkydiwebdesign.com/1a0c2180.gif) ; background-attachment : fixed ;color : #ffffff ;padding-top :10"><B>This is a sample marquee with an animated background.</B></marquee> </BODY>  </div> <bR> </td> </tr></table></body>