23/05/2005, 14:33
| |||
| |||
| problema con menu emergente hola, quería consultar sobre un efecto de menú emergente que quiero colocar en mi barra de navegación. Cuando se pulse sobre uno de los elementos de la barra (o se sitúe el ratón encima, para el caso es igual), quiero que aparezca un menú emergente que está en una capa oculta. El tema es que tendría que desaparecer cuando el ratón no esté sobre el elemento de la barra de navegación ni sobre el menú emergente, pero tal y como lo he hecho, desaparece apenas saco el ratón del elemento de la barra. No se como resolver esto, pues no tengo conocimientos de javascript, estoy haciéndolo desde dreamweaver. Ayuda plis! |
|
23/05/2005, 14:34
| |||
| |||
| adjunto el código aquí <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Índice</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="estilos.css" rel="stylesheet" type="text/css"> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } function MM_showHideLayers() { //v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; } } //--> </script> </head> <body bgcolor="#000000" onLoad="MM_preloadImages('barranav/12.jpg','barranav/22.jpg','barranav/32.jpg','barranav/42.jpg','barranav/52.jpg','barranav/62.jpg')"> <div class="divpral"> <p><img src="images/pral/cabecerapral.jpg"></p> <table width="600 px" align="center" border="0" cellspacing="0"> <tr> <td width="19%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav1','','barranav/12.jpg',1)"><img src="barranav/11.jpg" alt="la banda" name="nav1" width="100" height="30" border="0"></a></td> <td width="19%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav2','','barranav/22.jpg',1)"><img src="barranav/21.jpg" alt="Ave Fénix" name="nav2" width="100" height="30" border="0"></a></td> <td width="19%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav3','','barranav/32.jpg',1)"><img src="barranav/31.jpg" alt="crónicas" name="nav3" width="100" height="30" border="0"></a></td> <td width="19%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav4','','barranav/42.jpg',1)"><img src="barranav/41.jpg" alt="media" name="nav4" width="100" height="30" border="0" onClick="MM_showHideLayers('menumedia','','show')" onMouseOut="MM_showHideLayers('menumedia','','hide ')"></a></td> <td width="17%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav5','','barranav/52.jpg',1)"><img src="barranav/51.jpg" alt="contacta" name="nav5" width="100" height="30" border="0"></a></td> <td width="7%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav6','','barranav/62.jpg',1)"><img src="barranav/61.jpg" alt="links" name="nav6" width="100" height="30" border="0"></a></td> </tr> </table> </div> <div id="menumedia" style="position:absolute; left:400px; top:252px; width:163px; height:75px; z-index:1" class="divmedia"> <table width="100%" border="1" bordercolor="#CCCCCC" cellspacing="0"> <tr> <td>fotos</td> </tr> <tr> <td>fakes</td> </tr> <tr> <td>wallpapers</td> </tr> <tr> <td>escucha a la banda!</td> </tr> </table> </div> </body> </html> |
