Hola Karlankas
lo que me enviastes funciona correctamente , gracias podrias decirme como puedo ,sobre el mismo ejemplo que me enviastes que al pasar el raton por un nombre se ñale 2 o 3 o 4 etc puntos diferentes en el plano ? es decir imaginate que paso el raton por la palabra HOSPITALES y quiero que en el plano se ilumine 3 puntos diferentes otra manera podria ser que al pasar el raton por el nombre HOSPITALES se abra un submenu con los nombres de tres hospitales y al pasar el raton por cada uno de ellos se ilumine solo el que corresponda del submenu
te mando abajo el codigo que me mandastes y que ya te he dicho funciona bien se trata de trabajar sobre este mismo
<html>
<head>
<title>Untitled</title>
<script>
izquierda=[150,100,340]
arriba=[150,50,100]
function mostrar(esto){
esto=parseInt(esto);
document.getElementById("punto").style.left=izquie rda[esto]+"px";
document.getElementById("punto").style.top=arriba[esto]+"px";
document.getElementById("punto").style.visibility= "visible";
}
function ocultar(){
document.getElementById("punto").style.visibility= "hidden";
}
</script>
</head>
<body>
<div id="indice">
<a href="#" id="0" onmouseout="ocultar()" onmouseover="mostrar(this.id)">Puerta del Sol</a><br><br>
<a href="#" id="1" onmouseout="ocultar()" onmouseover="mostrar(this.id)">Calle Preciados</a><br><br>
<a href="#" id="2" onmouseout="ocultar()" onmouseover="mostrar(this.id)">Calle Alcalá</a><br><br>
</div>
<div style="position:absolute;top:120px;left:150px;" id="mapa">
<div id="punto" style="z- index:999;background:red;visibility:hidden;width:1 5px;height:15px;font:normal 1px/1px verdana;position:absolute;"></div>
<img src="mapa.jpg" width="441" height="366" alt="">
</div>
</body>
</html>
--------------------------------------------------------------------------------
Para ver como funciona pincha aqui