Fun JavaScript: Bikini Cursor Trailer

» home
» contact
» terms of use

FREE SCRIPTS

» new
» text
» image
» utility
» background
» animation
» date/time

FREE ONLINE TOOLS

» code generators
» text animator
» drawing animator
» color animator
» slideshow factory
» javascript speed test

FREE BASIC SNIPLETS

» alert box
» image: multi-rollover
» pop-up: centering
» more

FREE'N'CRAZY

» realtime death counter
» eyeQ
» fun ticker

RECOMMENDED LINKS

» www.dynamicdrive.com
» www.hotscripts.com

Fun of JavaScript: Bikini Trailer Animation
Create sunshine on your webpages with this sweet little DHTML animation. This fun JavaScript is very easy to install. Crossbrowser. IE 5x/6x/7x/8x, FF 2x/3x Opera 7x/8x/9x/10x, Google Chrome 3x/4x.

Test the script
Just move your mouse over this page to test the Bikini Trailer Script.

Configuration

Step 1: Download the image below and save it as bikinigirl.gif. Put the image bikinigirl.gif into the same folder as your webpage.

Step 2: Open your webpage. Paste the following code right above the </body> tag:

<div id="span0" style="position:absolute;visibility:hidden;filter:alpha(opacity=0);opacity:0;"><img src="bikinigirl.gif"></div>
<div id="span1" style="position:absolute;visibility:hidden;filter:alpha(opacity=0);opacity:0;"><img src="bikinigirl.gif"></div>
<div id="span2" style="position:absolute;visibility:hidden;filter:alpha(opacity=0);opacity:0;"><img src="bikinigirl.gif"></div>
<div id="span3" style="position:absolute;visibility:hidden;filter:alpha(opacity=0);opacity:0;"><img src="bikinigirl.gif"></div>
<div id="span4" style="position:absolute;visibility:hidden;filter:alpha(opacity=0);opacity:0;"><img src="bikinigirl.gif"></div>
<div id="span5" style="position:absolute;visibility:hidden;filter:alpha(opacity=0);opacity:0;"><img src="bikinigirl.gif"></div>
<div id="span6" style="position:absolute;visibility:hidden;filter:alpha(opacity=0);opacity:0;"><img src="bikinigirl.gif"></div>
<div id="span7" style="position:absolute;visibility:hidden;filter:alpha(opacity=0);opacity:0;"><img src="bikinigirl.gif"></div>
<div id="span8" style="position:absolute;visibility:hidden;filter:alpha(opacity=0);opacity:0;"><img src="bikinigirl.gif"></div>
<script>
// CREDITS:
// Bikini Cursor Trailer
// by Peter Gehrig 
// Copyright (c) 2001 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.fabulant.com

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.fabulant.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!