|
|
·
Skindario
Buscar en el Foro Buscar Tags
Portal
Foro
Usuario
Foro
Normas
RSS
Etiquetas
Avatares
Rangos
Eventos
Staff
Entrevistas
Noticias
Caretos
F.A.Q
Subforos Privados
Estadisticas
Estadisticas
Usuarios
OnLine
Actividad
Funciones
Favoritos
P. Inicio
Imprimir
Buscar
Afiliados
¿Tu Web Aquí?
Comunidad ESDLA
Foros DWP
Websmasters Foro
Mundo Deluxe
Photosherox
Descargas-V
Enlázanos

i
Javascript: Imagen que sigue al cursor
 
Portal · Foros · Zona Biblioteca · HTML, Javascript y CSS
Noticias · Buscar · Tags · Imágenes · Usuarios · Fisgona
Autor Mensaje 
EffectedCard
Administrador
Administrador

Haz clic para ver el perfil del usuario

Usuario PRO Usuario PRO
Mensajes: 9.272
Desde: 16/Oct/2004
#1 ·
Javascript: Imagen que sigue al cursor

En el <head> poner:

Codigo PHP:

<style type="text/css">
BODY {overflow: scroll; overflow-x: hidden;}
</style>





En el body poner:
Codigo PHP:

<SCRIPT LANGUAGE="JavaScript1.2">
var trailLength = 8;
var path = "URL";

var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0;
var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage;
if (document.layers) {
isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left";
} else if (document.all) {
isIE = true;
}
function initTrail() {
images = new Array();
for (i = 0; i < parseInt(trailLength); i++) {
images = new Image();
images.src = path;
}
storage = new Array();
for (i = 0; i < images.length*3; i++) {
storage = 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.src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images.src + '"></layer>');
}
trail();
}
function trail() {
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 = storage[i-2];
}
d = 0;
clearTimeout(timer);
var timer = setTimeout("trail()", 10);
}
function processEvent(e) {
if (isIE) {
storage[0] = window.event.y+document.body.scrollTop+10;
storage[1] = window.event.x+document.body.scrollLeft+10;
} else {
storage[0] = e.pageY+12;
storage[1] = e.pageX+12;
   }
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
if (isIE || isNav) {
initTrail();
document.onmousemove = processEvent;
}
//  End -->
</script>




Hay que cambiar URL en var path = "URL"; por la url de la imagen

11/Dic/2005 23:26 GMT+1
Haz clic para ir al tema anterior Haz clic para ir al tema siguiente
Portal · Foros · Zona Biblioteca · HTML, Javascript y CSS
Temas similares
Asunto Autor#VisitasÚltima respuesta
Javascript y CSS: Hacer temblar una imagen al tener el cursor encima04/Ago/2005, 18:13
EffectedCard
0443No hay respuestas
Javascript: Imagen aleatoria12/Abr/2006, 13:08
angelismo
01.300No hay respuestas
Javascript: Iluminar al selecionar imagen19/Sep/2005, 18:47
EffectedCard
0771No hay respuestas
Numeros aleatorios en JavaScript16/Oct/2008, 21:28
NEOXGEOX
0151No hay respuestas
[Javascript] Reproducir música12/Dic/2007, 13:57
Darth_Carl
0255No hay respuestas
Opciones:
Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Todas las fechas y horas son GMT+1. Ahora son las 21:52

Afiliados Plus
Skindario - Soporte Webmasters, Diseño Grafico, Miarroba, Rol + RPG y Mucho Mas TuarrobaGames - Emuladores, Roms, Juegos y RPG TuarrobaEbooks - Ebooks en castellano y Audiolibros Websmasters foro MundoDeluxe Photosherox - Diseñando & Aprendiendo
¿Tu Web Aquí?
Admin: EffectedCard - Skindario, foro soporte de Tuarroba desde el 16/10/04