DHTML Bikini Cursor Trailer Animation Code Snippet

The DHTML Bikini Cursor Trailer Animation Code Snippet
Create sunshine with this sweet little DHTML bikini cursor trailer animation code snippet. Very easy configuration. Cross-browser. IE 4+, NS4+ (yes, even NS6!).

Test the script
Just move your mouse over this page to test the DHTML Bikini Cursor Trailer Animation code snippet in action.

Configuration

Step 1:

- Download the image above and save it as bikinigirl.gif
- Put the image bikinigirl.gif into the same folder as your web page.

Step 2: Open your web page. Paste the following code right below the <body> tag:

<div id="span0" style="position:absolute;visibility:hidden;"><img src="bikinigirl.gif"></div>
<div id="span1" style="position:absolute;visibility:hidden;"><img src="bikinigirl.gif"></div>
<div id="span2" style="position:absolute;visibility:hidden;"><img src="bikinigirl.gif"></div>
<div id="span3" style="position:absolute;visibility:hidden;"><img src="bikinigirl.gif"></div>
<div id="span4" style="position:absolute;visibility:hidden;"><img src="bikinigirl.gif"></div>
<div id="span5" style="position:absolute;visibility:hidden;"><img src="bikinigirl.gif"></div>
<div id="span6" style="position:absolute;visibility:hidden;"><img src="bikinigirl.gif"></div>
<div id="span7" style="position:absolute;visibility:hidden;"><img src="bikinigirl.gif"></div>
<div id="span8" style="position:absolute;visibility:hidden;"><img src="bikinigirl.gif"></div>
<script>
// CREDITS:
// Bikini Cursor Trailer
// by Urs Dudli and Peter Gehrig 
// Copyright (c) 2001 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 & http://www.designerwiz.com
// info@24fun.ch
// 4/18/2002

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.24fun.com on the webpage 
// where this script will be running.

var step=8 
var stepbasic=8
var numberofimages=8
var spacebetweenimgs=30
var x,y,x_old
var flag=0
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
}

if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=handlerMM;
window.onload=initiatetracker
</script>

IMPORTANT: Do not paste this code into tables or between <DIV> and </DIV> tags nor between any other container tags!

Download 500 free cut-and-paste scripts