View My Guestbook
Sign My Guestbook

Link to Jason's Software and Script Library

X-Mas Mouse Trailers

BY: Jason

Description

Add a touch of Christmas to your website with this sweet little DHTML animation. Very easy configuration. Crossbrowser. IE 4+, NS4+ (yes, even NS6!). Choose among three different animations:

Directions

Download this file.
Copy and paste the code into your HTML document.

You do not need to download the files if you do not want to. The code will work without these files. You may use these files for your own personal use only.

<div id="span0" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/elch.gif"></div>
<div id="span1" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/elch.gif"></div>
<div id="span2" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/elch.gif"></div>
<div id="span3" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/elch.gif"></div>
<div id="span4" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/elch.gif"></div>
<div id="span5" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/elch.gif"></div>
<div id="span6" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/zuegel.gif"></div>
<div id="span7" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santaclaus.gif"></div>
<div id="span8" style="position:absolute;visibility:hidden;"> </div>
<script>
// CREDITS:
// Christmas Cursor Trailer 2
// 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
// info@24fun.ch
// 12/3/2001

// 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=32
var x,y
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
}

makesnake()
	}
}

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

Click here to see an example of this.

<div id="span0" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santalaterne.gif"></div>
<div id="span1" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santalaterne.gif"></div>
<div id="span2" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santalaterne.gif"></div>
<div id="span3" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santalaterne.gif"></div>
<div id="span4" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santalaterne.gif"></div>
<div id="span5" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santalaterne.gif"></div>
<div id="span6" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santalaterne.gif"></div>
<div id="span7" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santalaterne.gif"></div>
<div id="span8" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santalaterne.gif"></div>
<script>
// CREDITS:
// Christmas Cursor Trailer 2
// 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
// info@24fun.ch
// 12/3/2000

// 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=40
var x,y
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
}

makesnake()
	}
}

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

Click here to see an example of this.

<div id="span0" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santaface.jpg"></div>
<div id="span1" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santaface.jpg"></div>
<div id="span2" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santaface.jpg"></div>
<div id="span3" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santaface.jpg"></div>
<div id="span4" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santaface.jpg"></div>
<div id="span5" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santaface.jpg"></div>
<div id="span6" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santaface.jpg"></div>
<div id="span7" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santaface.jpg"></div>
<div id="span8" style="position:absolute;visibility:hidden;"><img src="http://www.angelfire.com/la3/nosaj/images/santaface.jpg"></div>
<script>
// CREDITS:
// Christmas Cursor Trailer 2
// 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
// info@24fun.ch
// 12/3/2000

// 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=40
var x,y
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
}

makesnake()
	}
}

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

24fun.com