Foros del Web » Programando para Internet » Javascript »

como puedo lograr este efecto!!

Estas en el tema de como puedo lograr este efecto!! en el foro de Javascript en Foros del Web. Alguien me puede ayudar a crear el efecto que aparece en las opciones de la derecha de la siguyiente pagina: Ver la pagina en cuestion ...
  #1 (permalink)  
Antiguo 20/06/2003, 14:29
Avatar de char  
Fecha de Ingreso: noviembre-2002
Ubicación: Monclova Coahuila, Méx.
Mensajes: 70
Antigüedad: 22 años, 3 meses
Puntos: 0
Exclamación como puedo lograr este efecto!!

Alguien me puede ayudar a crear el efecto que aparece en las opciones de la derecha de la siguyiente pagina:

Ver la pagina en cuestion

El poner el mouse sobre el link, aparece una ventanita con imagen y texto.

salu2!
  #2 (permalink)  
Antiguo 20/06/2003, 15:12
Avatar de Bravenap  
Fecha de Ingreso: noviembre-2002
Ubicación: Los Arroyos, El Escorial, Madrid
Mensajes: 2.084
Antigüedad: 22 años, 4 meses
Puntos: 4
Bueno, eso se hace con capas ocultas, de modo que cuando te posicionas sobre un enlace, la capa en cuestión se hace visible posicionándose en el lugar del ratón.

En el caso de la página que comentas creo que lo que hace, a parte de eso es escribir HTML dentro de la capa, de modo que no halla que cargar al principio todas las imágenes.

Es bastante complejo, pero te dejo algunas funciones que te pueden servir.

document.getElementById("capa").style.visibility=" visible";
//Hace visible la capa
document.getElementById("capa").style.visibility=" hidden";
//Oculta la capa
document.getElementById("capa").innerHTML="<b>Negr ita</b>";
//Inserta un código HTML dentro de la página, por tanto puedes
//añadir enlaces, imágenes, tablas,...
//Cuidado con las comillas
event.clientX;
event.clientY;

//devuelven la posición del ratón, horizontal y vertical
//respectivamente
document.getElementById("capa").style.pixelTop=eve nt.clientX;
document.getElementById("capa").style.pixelLeft=ev ent.clientY;

//mueven la capa hasta la posición del ratón.

Bueno, de momento tienes para ir probando. Si alguien se atreve con el código completo bienvenido sea.

Un saludo y suerte.
__________________
¡¡NO A LA GUERRA!!
Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares!

Última edición por Bravenap; 20/06/2003 a las 15:22
  #3 (permalink)  
Antiguo 20/06/2003, 16:52
Avatar de char  
Fecha de Ingreso: noviembre-2002
Ubicación: Monclova Coahuila, Méx.
Mensajes: 70
Antigüedad: 22 años, 3 meses
Puntos: 0
Gracias amigo, yo utilizo frontpage, voy a probar el codigo..

Saludos
  #4 (permalink)  
Antiguo 20/06/2003, 16:56
Avatar de Bravenap  
Fecha de Ingreso: noviembre-2002
Ubicación: Los Arroyos, El Escorial, Madrid
Mensajes: 2.084
Antigüedad: 22 años, 4 meses
Puntos: 4
De nada.

Supongo que sabrás algo de Javascript como para saber cuándo y cómo tienes que llamar a esas funciones ¿no?

Si no sabes o no te sale no dudes en pedir ayuda y haremos lo que podamos. Pero inténtalo ¿eh? No seas vaguete .
__________________
¡¡NO A LA GUERRA!!
Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:32.