Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/10/2004, 07:58
Avatar de claray
claray
 
Fecha de Ingreso: agosto-2004
Ubicación: ahora... en Caracas
Mensajes: 345
Antigüedad: 20 años, 6 meses
Puntos: 0
Ok, claro que se puede.

Este es un ejemplo:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="author" content="CAraya">
<script type="text/javascript">
function mostrarCapa(x,y){
var eldiv = document.getElementById("miDiv");
if (eldiv.style.visibility=="hidden"){
eldiv.style.left = x;
eldiv.style.top = y+5;
eldiv.style.visibility = "visible";
}
}
</script>
</head>
<body>
<p onmouseover="mostrarCapa(window.event.x,window.eve nt.y);">Este texto</p>


<div id="miDiv" style="position: absolute; top: 0; left: 0; visibility: hidden; border: solid #FFEEDD; background: #FFFFCC; z-index: 100; display: block" onmouseleave="this.style.visibility='hidden';">
<a href="destino1.html">presione para destino 1</a>
<br>
<a href="destino2.html">presione para destino 2</a>
</div>
</body>
</html>


como te puedes fijar, se define el DIV "hidden" inicialmente para que no se muestre y se muestra al pasar sobre el texto mediante la funcion "mostrarCapa(window.event.x,window.event.y)". Esta funcion recibe la posicion del mouse al momento de activarse, de forma que el DIV se mostrara en esa posicion.

en la funcion, se establece la posicion en donde se mostrara la capa, solo si no está visible, esto - obviamente - se puede omitir si desea fijar la posicion en tu pagina.

La capa permanecerá visible mientras no se salga el cursor de ella (mientras no entre el cursor en la capa no se podra salir de ella, es como obvio no?).

bueno eso es, en cuanto al contenido de la capa, puede ser cualquier cosa: imagenes, links, lo que te venga en gana...

Saludos y suerte
__________________
:pirata: El arte de desarrollar es dejar que los otros lo hagan