Menu Rollover

xcross · Setembro 13, 2006

Criei um menu tipo rollover utilizando código javascript em um tutorial do Marcelo Oliveira

Só que o evento em que o menu desaparece só funciona quando desloco o mouse para baixo.

Para entenderem melhor, coloquei o código abaixo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/><title>menus</title><script language="javascript"><!--//-------------------------------------------------------------------------------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 P7_hideDiv(evt) { //v1.3 by PVII var b,relT,mT=false;  if(document.layers){b=evt.target;if(b.p7aHide){  b.visibility="hidden";}else{routeEvent(evt);} }else if(document.all&&!window.opera){b=event.srcElement;  while(b!=null){if(b.tagName=="DIV" && b.p7ahD){mT=true;break;}b=b.parentElement;}  if(!b.contains(event.toElement)){b.style.visibility="hidden";} }else if(document.getElementById){b=evt.currentTarget;relT=evt.relatedTarget;  while(relT!=null){if(b==relT){mT=true;break;}  relT=relT.parentNode;}if(!mT){b.style.visibility="hidden";}}}//-------------------------------------------------------------------------------function P7_autoHide() { //v1.3 by PVII var i,g,args=P7_autoHide.arguments; for(i=0;i<args.length;i++){if((g=MM_findObj(args[i]))!=null){  g.p7aHide=true;if(document.layers){  g.captureEvents(Event.MOUSEOUT);}g.onmouseout=P7_hideDiv;g.p7ahD=true;}}}//-------------------------------------------------------------------------------function P7_autoLayers() { //v1.4 by PVII var g,b,k,f,args=P7_autoLayers.arguments;a=parseInt(args[0]);if(isNaN(a))a=0; if(!document.p7setc){p7c=new Array();document.p7setc=true;for(var u=0;u<10;u++){ p7c[u]=new Array();}}for(k=0;k<p7c[a].length;k++){if((g=MM_findObj(p7c[a][k]))!=null){ b=(document.layers)?g:g.style;b.visibility="hidden";}}for(k=1;k<args.length;k++){ if((g=MM_findObj(args[k]))!=null){b=(document.layers)?g:g.style;b.visibility="visible";f=false; for(var j=0;j<p7c[a].length;j++){if(args[k]==p7c[a][j]) {f=true;}} if(!f){p7c[a][p7c[a].length++]=args[k];}}}}//--></script><body onLoad="MM_preloadImages('images/but-back.jpg','images/but-home1.jpg'); P7_autoHide('flym1'); P7_autoHide('flym2'); P7_autoHide('flym3');"><link href="style.css" rel="stylesheet" type="text/css"/><div id="menTrig1" style="position: absolute; left: 29px; top: 46px; z-index: 1;"><a href="java script:;" class="ft-menu" onmouseover="P7_autoLayers(0,'flym1')">Principal</a></div><div id="flym1" style="position: absolute; left: 29px; top: 62px; z-index: 9; visibility: hidden; height: 54px; width: 145px;">  <table width="131" border="0" cellpadding="0" cellspacing="0">	<tbody>	  <tr>		<td bgcolor="#e8e8e8"><table width="100%" border="0" cellpadding="0" cellspacing="3" bgcolor="#FFFFFF" class="bd-menus">		  <tr>			<td><table width="150" border="1" cellpadding="2" cellspacing="0">			  <tbody>				<tr><td height="15" bgcolor="#ffffff"><span class="ft-menus"> </span><a href="index2.php?site=login" class="ft-menus">Efetuar login</a><a href="index2.php?site=logout" class="ft-menus"></a></td>				</tr>				<tr>				  <td height="15" bgcolor="#ffffff"><a href="index2.php?site=logoff" class="ft-menus"> Efetuar logoff</a></td>				</tr>			  </tbody>			</table></td>		  </tr>		</table></td>	  </tr>	</tbody>  </table></div><div id="menTrig2" style="position: absolute; left: 94px; top: 46px; z-index: 1;"><a href="java script:;" class="ft-menu" onmouseover="P7_autoLayers(0,'flym2')">Cadastro</a></div><div id="flym2" style="position: absolute; left: 94px; top: 62px; width: 148px; z-index: 9; visibility: hidden;">  <table border="0" cellpadding="0" cellspacing="0" width="148">	<tbody>	  	  <tr>		<td bgcolor="#e8e8e8"><table width="100%" border="0" cellpadding="0" cellspacing="3" bgcolor="#FFFFFF" class="bd-menus">		  <tr>			<td><table width="162" border="1" cellpadding="2" cellspacing="0">			  <tbody>				<tr>				  <td height="15" bgcolor="#ffffff"><span class="ft-menu"> </span><a href="index2.php?site=novo_registro&step=1" class="ft-menu">Novo registro</a></td>				</tr>				<tr>				  <td height="15" bgcolor="#ffffff"><span class="ft-menu"> </span><a href="index2.php?site=ngs" class="ft-menu">Usuários</a></td>				</tr>			  </tbody>			</table></td>		  </tr>		</table></td>	  </tr>	</tbody>  </table></div>

Notem que ao "ativar" o menu e levar o mouse bem para cima ou para o lado, o menu não desaparece como eu gostaria... só funciona levando o mouse para baixo mesmo.

Aguardo ajuda, obrigado!

BR_code · Dezembro 5, 2006

<div id="menTrig2" style="position: absolute; left: 94px; top: 46px; z-index: 1;"><a href="java script:;" class="ft-menu" onmouseover="P7_autoLayers(0,'flym2')">Cadastro</a></div>

nao sei se to falando besteira, até pq nem li direito , mas, nao ta faltando um onMouseOut nao ?! ali bem depois dakele onMouseOver ? talves possa resolver seu problema !abração

Entrar

Arquivado

Menu Rollover

Recommended Posts

xcross 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

BR_code 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Ajuda em Paginação

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante