Cursor Trailer

<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="157" 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="496" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 16 WIDTH="490"><div> <B>CLIPART CURSOR TRAILER </B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 66 WIDTH="490"><div> The cursor trailer can be customized with any small graphic.  They are unique and are great to use on one or two particular pages on a site.  To use this cursor throughout the whole site can sometimes become a little annoying to some visitors.</div> </tD> </tR> </TABLE></div> <bR> <div>  <div id="span0" style="position:absolute;visibility:hidden;overflow:hidden"><img src="http://www.dinkydiwebdesign.com/55a64180.gif"></div> <div id="span1" style="position:absolute;visibility:hidden;;overflow:hidden"><img src="http://www.dinkydiwebdesign.com/55a64180.gif"></div> <div id="span2" style="position:absolute;visibility:hidden;;overflow:hidden"><img src="http://www.dinkydiwebdesign.com/55a64180.gif"></div> <div id="span3" style="position:absolute;visibility:hidden;;overflow:hidden"><img src="http://www.dinkydiwebdesign.com/55a64180.gif"></div> <div id="span4" style="position:absolute;visibility:hidden;;overflow:hidden"><img src="http://www.dinkydiwebdesign.com/55a64180.gif"></div> <div id="span5" style="position:absolute;visibility:hidden;;overflow:hidden"><img src="http://www.dinkydiwebdesign.com/55a64180.gif"></div> <div id="span6" style="position:absolute;visibility:hidden;;overflow:hidden"><img src="http://www.dinkydiwebdesign.com/55a64180.gif"></div> <div id="span7" style="position:absolute;visibility:hidden;;overflow:hidden"><img src="http://www.dinkydiwebdesign.com/55a64180.gif"></div> <div id="span8" style="position:absolute;visibility:hidden;;overflow:hidden"><img src="http://www.dinkydiwebdesign.com/55a64180.gif"></div> <script> // CREDITS: // Easter Cursor Trailer // by Peter Gehrig // Copyright (c) 2004 Peter Gehrig. 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.ch // 3/26/2004 var step=8 var stepbasic=8 var numberofimages=8 var spacebetweenimgs=30 var x,y,x_old var flag=0 var pagewidth var pageheight var xpos=new Array() var ns6=document.getElementById&&!document.all?1:0 for (i=0;i<=8;i++) { xpos[i]=-100 } var ypos=new Array() for (i=0;i<=numberofimages;i++) { ypos[i]=-100 } function handlerMM(e) { x = (document.layers || ns6) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers || ns6) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function initiatetracker() { if (document.all) { pageheight=document.body.clientHeight-30 pagewidth=document.body.clientWidth-30 for (i=0; i<numberofimages; i++) { var thisspan=eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] thisspan.visibility="visible" } makesnake() } if (ns6) { pageheight=window.innerHeight-30 pagewidth=window.innerWidth-30 for (i=0; i<numberofimages; i++) { document.getElementById("span"+i).style.left=xpos[i] document.getElementById("span"+i).style.top=ypos[i] document.getElementById("span"+i).style.visibility="visible" } makesnake() } if (document.layers) { pageheight=window.innerHeight-30 pagewidth=window.innerWidth-30 for (i=0; i<numberofimages; i++) { var thisspan=eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] thisspan.visibility="visible" } x_old=x makesnake() } } function makesnake() { if (x_old==x) {spacebetweenimgs--} else {spacebetweenimgs+=5} if (spacebetweenimgs>=30) {spacebetweenimgs=30} if (spacebetweenimgs<=0) {spacebetweenimgs=0} if (flag==1 && document.all) { for (i=numberofimages; i>=1; i--) { xpos[i]=xpos[i-1]+spacebetweenimgs ypos[i]=ypos[i-1] } xpos[0]=x+stepbasic ypos[0]=y for (i=0; i<numberofimages; i++) { var thisspan = eval("span"+(i)+".style") if (xpos[i]>pagewidth) {xpos[i]=-2000} thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } if (flag==1 && ns6) { for (i=numberofimages; i>=1; i--) { xpos[i]=xpos[i-1]+spacebetweenimgs ypos[i]=ypos[i-1] } xpos[0]=x+stepbasic ypos[0]=y for (i=0; i<numberofimages; i++) { if (xpos[i]>pagewidth) {xpos[i]=-2000} document.getElementById("span"+i).style.left=xpos[i] document.getElementById("span"+i).style.top=ypos[i] } } else if (flag==1 && document.layers) { for (i=numberofimages; i>=1; i--) { xpos[i]=xpos[i-1]+spacebetweenimgs ypos[i]=ypos[i-1] } xpos[0]=x+stepbasic ypos[0]=y for (i=0; i<numberofimages; i++) { if (xpos[i]>pagewidth) {xpos[i]=-2000} var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } x_old=x var timer=setTimeout("makesnake()",30) } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove=handlerMM; window.onload=initiatetracker </script>  </div> <bR> </td> </tr></table></body>