Recursos Gratis Webmasters. Codigos Javascript, Applets Java, Tutoriales Para Webmasters

Cursores con Efectos

CURSOR IMAGEN ENCADENADA

Ejemplo del Javascript:

Mas dibujitos que siguen al cursor. NO OLVIDES COPIAR LAS IMÁGENES! Puedes poner las imágenes que quieras.

Código fuente ( Haz Click en la ventana para Seleccionarlo Todo ):

Coloca el codigo entre las etiquetas [body] y [/body]

<div id="span0" style="position:absolute;visibility:hidden;"><img src="egg1.gif"></div>
<div id="span1" style="position:absolute;visibility:hidden;"><img src="egg2.gif"></div>
<div id="span2" style="position:absolute;visibility:hidden;"><img src="egg3.gif"></div>
<div id="span3" style="position:absolute;visibility:hidden;"><img src="egg1.gif"></div>
<div id="span4" style="position:absolute;visibility:hidden;"><img src="egg2.gif"></div>
<div id="span5" style="position:absolute;visibility:hidden;"><img src="egg3.gif"></div>
<div id="span6" style="position:absolute;visibility:hidden;"><img src="egg1.gif"></div>
<div id="span7" style="position:absolute;visibility:hidden;"><img src="egg2.gif"></div>
<div id="span8" style="position:absolute;visibility:hidden;"><img src="egg3.gif"></div>
<script>
// CREDITS:
// Easter 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
// info@24fun.ch
// 3/25/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
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>

Todo Para Los Webmasters - Javascripts, Tutoriales, Trucos, Juegos, y Mas...

La mejor colección de trucos de Javascript, botones, banners y mas

Cursores con Efectos