[ Ciber Zone Tk ] - Efecto del Cursor - Imagen sigue al Cursor

ť Bienvenida
ť Plantillas Web
ť Acelera tú Internet
ť Trucos Msn
ť Juegos
ť Plantillas Intro
ť Antivirus en Línea
ť ż Qué día naciste ?
ť Averigua tú IP
ť Lanzador de Exploit
ť Ve tu tiempo de vida

ť Foro
ť Tag Board
ť Libro de Visitas

ť Vacantes
ť Tú Web Aquí
ť Tú Web Aquí
ť Tú Web Aquí
ť Tú Web Aquí

ť Efecto Imagen sigue al Cursor Ť
Categoría: Herramientas Webmaster
Efecto Cursor 3

Con este código podrás ańadir una Imagen que siga al Cursor

Copia y pega este Código en la etiqueta </html> en la Vista HTML

var trailLength = 12 // Largo de la estela (8 por defecto)
var path = "imagen.gif" // Ubicación de la imágen

// No modificar
var isIE = false,isNav = false,range = "all.",style = ".style",i,d = 0
var topPix = ".pixelTop",leftPix = ".pixelLeft",images,storage
if (document.layers) { // identificador del browser
	isNav = true,range = "layers.",style = "",topPix = ".top",leftPix = ".left"
} else if (document.all) {
	isIE = true
}
function initTrail() { // preparar el script
	images = new Array()
	for (i = 0; i < parseInt(trailLength); i++) {
		images[i] = new Image()
		images[i].src = path
	}
	storage = new Array() // preparar coordinadas
	for (i = 0; i < images.length*3; i++) {
		storage[i] = 0
	}
	for (i = 0; i < images.length; i++) {
		(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>')
	}
	trail()
}
function trail() { // Función de la estela
	for (i = 0; i < images.length; i++) { 
		eval("document." + range + "obj" + i + style + topPix + "=" + storage[d])
		eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1])
		d = d+2
	}
	for (i = storage.length; i >= 2; i--) {
		storage[i] = storage[i-2]
	}
	d = 0
	var timer = setTimeout("trail()",10) 
}
function processEvent(e) {
	if (isIE) { // para IE
		storage[0] = window.event.y+document.body.scrollTop+10
		storage[1] = window.event.x+document.body.scrollLeft+10
	} else { // para Netscape Navigator
		storage[0] = e.pageY+12
		storage[1] = e.pageX+12
	}
}
if (isNav) {
	document.captureEvents(Event.MOUSEMOVE)
}
if (isIE || isNav) { // iniciar script
	initTrail() 
	document.onmousemove = processEvent // comenzar captura
}
//-->
</script>

Ejemplo:
Da Clic Aquí para Observar el ejemplo

Para poder Visualizar la Imagen que tu desees debes modificar el nombre de la imagen de muestra que se ve aquí por el nombre de tu imagen

Las letras en Azul es en donde va el nombre de la imagen que quieres que aparezca en el cursor, para que la imagen se muestre correctamente debe de estar guardada junto con los archivos de tú página.

var trailLength = 12 // Largo de la estela (8 por defecto)
var path = "imagen.gif" // Ubicación de la imágen

Si tienes alguna duda o deseas que exponga un nuevo tema, investigación en la Web, o simplemente quieres colaborar para el crecimiento de la misma Puedes hacérmelo saber mandándome un Correo electrónico a oscar_faper@hotmail.com

ť Alta en Buscadores
ť Antivirus En Línea
ť Efecto del Cursor
ť Broma de Virus
ť Buscador Gratis
ť Buscador Interno
ť Barras (scrollbar)
ť Celda de Color
ť Reloj Digital
ť Correo a tus Visitantes
ť Meta Tags
ť Insertar Fecha
ť Juegos en Línea
ť Mensajes (3)
ť Pide tu Nombre
ť Postales Gratis
ť Recomendar a un amigo
ť Barras de estado
ť Tag Board Gratis
ť Titulo animado
ť Transición

ť Emoticonos
ť Avantares Msn
ť Mantenimiento PC
ť Pensamientos de amor
ť Imágenes

ť Botón Charlatán
ť Juega 3 en Raya