Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera
Tenho esse codigo
<!--
var time = 500;
var countLayer, nameMenu, posX, posY;
var itemMnu, qtItemMnu;// Esta matriz está relacionada com os layers do menu da página
qtItemMnu = 6
itemMnu=new Array(7)
itemMnu[0]="menu1"
itemMnu[1]="menu1sb1"
itemMnu[2]="menu2"
itemMnu[3]="menu3"
itemMnu[4]="menu4"
itemMnu[5]="menu5"
// Os objetos "layer" podem ser recuperados automaticamente. Não precisaria desta matriz.
if (document.all) {var ns=0, ie=1, lyShow='visible', lyHide='hidden';}
if (document.layers) {var ns=1, ie=0, lyShow='show', lyHide='hide';}if (document.layers) { document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = posMouse;
function posMouse(e) {
posX = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
posY = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}
function isLayer(objLayer) var hzStart, vtStart, hzEnd, vtEnd, mnu;
if (ie) {
// Verifica se o cursor está sobre o layer
hzStart = eval("document.all['" + objLayer + "'].style.posLeft"); // lado esquerdo do layer - valor "x"
vtStart = eval("document.all['" + objLayer + "'].style.posTop"); // lado superior do layer - valor "y"
hzEnd = eval("document.all['" + objLayer + "'].offsetWidth") + hzStart;
vtEnd = eval("document.all['" + objLayer + "'].offsetHeight") + vtStart;
if ((posX < hzStart) || (posX > hzEnd)) {
// O cursor já está fora da coordenada "X" - retorna false
return false;
} else {
if ((posY < vtStart) || (posY > vtEnd)) {
// O cursor está fora da coordenada "Y" - retorna false
return false;
} else {
return true;
}
}
}
if (ns) {
// Verifica se o cursor está sobre o layer
hzStart = eval("document.layers['" + objLayer + "'].left"); // lado esquerdo do layer - valor "x"
vtStart = eval("document.layers['" + objLayer + "'].top"); // lado superior do layer - valor "y"
hzEnd = eval("document.layers['" + objLayer + "'].clip.height") + hzStart + 65;
vtEnd = eval("document.layers['" + objLayer + "'].clip.width") + vtStart;
if ((posX < hzStart) || (posX > hzEnd)) {
// O cursor já está fora da coordenada "X" - retorna false
return false;
} else {
if ((posY < vtStart) || (posY > vtEnd)) {
// O cursor está fora da coordenada "Y" - retorna false
return false;
} else {
return true;
}
}
}
}
function openMenu(objLayer) hideOtherlayer(objLayer);
if (ie) eval("document.all['" + objLayer + "'].style.visibility = '" + lyShow + "'");
if (ns) eval("document.layers['" + objLayer + "'].visibility = '" + lyShow + "'");
if (countLayer != null) {
clearTimeout(countLayer);
countLayer = null;
}
}
function closeMenu(nameLayer) countLayer = setTimeout("countTime()",time);
}
function countTime() var strMnu, strMnuParent;
strMnu = nameMenu;
if (isLayer(strMnu)) {
countLayer = setTimeout("countTime()",time);
} else {
if (isSub(strMnu)) {
strMnuParent = viewMnuParent(strMnu);
if (isLayer(strMnuParent)) {
hideLayer(strMnu);
countLayer = setTimeout("countTime()",time);
} else {
hideLayer(strMnu);
hideLayer(strMnuParent);
if (countLayer != null) {
clearTimeout(countLayer);
countLayer = null;
}
}
} else {
hideLayer(strMnu);
if (countLayer != null) {
clearTimeout(countLayer);
countLayer = null;
}
}
}
}
function isSub(strMnu) if (strMnu.indexOf('sb') > 0) return true
else return false;
}
function viewMnuParent(strMnu) if (strMnu.length > 0) {
var nameMenu;
nameMenu = strMnu.substring(0,strMnu.indexOf('sb'));
return nameMenu;
}
}
function hideLayer(objLayer) if (ie) eval("document.all['" + objLayer + "'].style.visibility = '" + lyHide + "'");
if (ns) eval("document.layers['" + objLayer + "'].visibility = '" + lyHide + "'");
}
function hideOtherlayer(strMnu) var i, objLayer, jumpLayer = 1;
for (i = 0; i < (qtItemMnu); i++) {
objLayer = itemMnu[i];
if (isSub(strMnu) && objLayer == viewMnuParent(strMnu)) jumpLayer = 0
else jumpLayer = 1;
if (ie && jumpLayer) eval("document.all['" + objLayer + "'].style.visibility = '" + lyHide + "'");
if (ns && jumpLayer) eval("document.layers['" + objLayer + "'].visibility = '" + lyHide + "'");
}
}//-->
No html jogo isso
<div id="menu1" style="HEIGHT:29px; LEFT:270px; POSITION: absolute; TOP:85px; WIDTH:612px; Z-INDEX:2; visibility: hidden" class="itemMenu">
<table width="377" border="0" cellpadding="5" cellspacing="1" bordercolor="#C7DED3" bgcolor="#FFFFFF">
<tr>
<td width="149" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"> <font color="#00CC66"> <a href="produtos_patrimoniais.html" target="_parent"><font color="#ffffff">Seguros Patrimoniais</font></a></font></font></span></td>
<td width="111" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"> <a href="produtos_pessoais.html" target="_parent"><font color="#ffffff">Seguros Pessoais</font></a></font></span></td>
<td width="83" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"><a href="produtos_consorcio.html" target="_parent"><font color="#FFFFFF">Consórcio</font></a></font></span></td>
</tr>
</table>
</div>
<div id="menu2" style="HEIGHT:26px; LEFT:364px; POSITION: absolute; TOP:86px; WIDTH:448px; Z-INDEX:2; visibility: hidden">
<table width="433" border="0" cellpadding="5" cellspacing="1" bordercolor="#C7DED3" bgcolor="#FFFFFF">
<tr>
<td width="69" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"><a href="cotacao_automovel.html" target="_parent"><font color="#FFFFFF">Automóvel</font></a></font></span></td>
<td width="72" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"><a href="cotacao_residencial.html" target="_parent"><font color="#FFFFFF">Residencial</font></a></font></span></td>
<td width="55" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"><a href="cotacao_empresa.html" target="_parent"><font color="#FFFFFF">Empresa</font></a></font></span></td>
<td width="128" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif"><a href="cotacao_previdencia.html" target="_parent"><font color="#FFFFFF">Previdência
Privada</font></a></font></span></td>
<td width="47" bgcolor="#54A794"><span class="style2"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF"> <a href="cotacao_vida.html" target="_parent"><font color="#FFFFFF">Vida</font></a></font></span></td>
</tr>
</table>
</div>
<div id="menu3" style="HEIGHT:53px; LEFT:67px; POSITION: absolute; TOP:154px; WIDTH:70px; Z-INDEX:2; visibility: hidden">
<table width="92" border="1" cellpadding="0" cellspacing="0" bordercolor="#00CC00" bgcolor="#FFFFFF">
<tr>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#666666"><a href="classif_animaisc.htm" target="mainFrame">Animais
- Compra</a></font></td>
</tr>
<tr>
<td height="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#666666"><a href="classif_animaisv.htm" target="mainFrame">Animais
- Venda</a></font></td>
</tr>
<tr>
<td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="classif_leites.htm" target="mainFrame">Produtos</a></font></td>
</tr>
<tr>
<td height="5"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="classif_estagios.htm" target="mainFrame">Estágios
</a></font></td>
</tr>
<tr>
<td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="classif_tecnicos.htm" target="mainFrame">Técnicos</a></font></td>
</tr>
<tr>
<td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="classif_produtos.htm" target="mainFrame">Diversos</a></font></td>
</tr>
<tr>
<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="anuncie.htm" target="mainFrame">Inclua
o seu</a></font></td>
</tr>
</table>
</div>
<div id="menu4" style="HEIGHT:86px; LEFT:67px; POSITION: absolute; TOP:189px; WIDTH:100px; Z-INDEX:2; visibility: hidden">
<table border="0" height="50" width="90">
<tr valign="top">
<td height="92">
<table width="92" border="1" cellpadding="0" cellspacing="0" bordercolor="#00CC00" bgcolor="#FFFFFF">
<tr>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#666666"><a href="eventos_calendario.htm" target="mainFrame">Associações</a></font></td>
</tr>
<tr>
<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="eventos_anteriores.htm" target="mainFrame">Criadores</a></font></td>
</tr>
<tr>
<td height="14"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="oquee_acoes.htm" target="mainFrame">Empresas</a></font></td>
</tr>
<tr>
<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="oquee_acoes.htm" target="mainFrame">Técnicos</a></font></td>
</tr>
<tr>
<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="oquee_acoes.htm" target="mainFrame">Cadastre
seu evento</a></font></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="menu5" style="HEIGHT:48px; LEFT:67px; POSITION: absolute; TOP:191px; WIDTH:1px; Z-INDEX:2; visibility: hidden">
<table border="0" height="20">
<tr>
<td height="54" valign="top">
<table width="92" border="1" cellpadding="0" cellspacing="0" bordercolor="#00CC00" bgcolor="#FFFFFF" height="44">
<tr>
<td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="cursos.htm" target="mainFrame">Cursos</a></font></td>
</tr>
<tr>
<td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="congressos.htm" target="mainFrame">Congressos</a></font></td>
</tr>
<tr>
<td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="eventos_diadecampo.htm" target="mainFrame">Dias
de Campo</a></font></td>
</tr>
<tr>
<td height="4"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="leiloes.htm" target="mainFrame">Leilões</a></font></td>
</tr>
<tr>
<td height="10"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="exposicoes.htm" target="mainFrame">Exposições</a></font></td>
</tr>
<tr>
<td height="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="simposios.htm" target="mainFrame">Simpósios</a></font></td>
</tr>
<tr>
<td height="10"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#666666"><a href="eventos_anuncio.htm" target="mainFrame">Inclua
o seu</a></font></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="menu6" style="HEIGHT:73px; LEFT:152px; POSITION: absolute; TOP:21px; WIDTH:1px; Z-INDEX:2; visibility: hidden">
<table border="0" width="50" height="108">
<tr valign="top">
<td height="5">
<table border="0" height="25" width="120">
<tr valign="top">
<td height="12">
<table border="0" width="111" cellpadding="0" cellspacing="0" height="20">
<tr bgcolor="#B2CAE3">
<td height="2" valign="TOP" align="LEFT" width="6"><font color="#FFFFFF"><a href="javascript:mm_openbrwindow('../flash/sp/espm/presidente.htm','janela','scrollbars=yes,width=750,height=450')" class=itemMenu >
</a></font></td>
<td height="2" valign="top" width="94"><font face="Haettenschweiler" size="3" color="#002850"><a href="[http://www.scour.com/"](http://www.scour.com/) target="_blank"></a></font>
<p><font face="Haettenschweiler" size="3" color="#002850"><a href="[http://www.lancenet.com.br/"](http://www.lancenet.com.br/) target="_blank"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b>[http://www.lancenet.com.br](http://www.lancenet.com.br)
</td>
<td align="RIGHT" valign="TOP" height="2" width="11"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="menu7" style="HEIGHT:87px; LEFT:152px; POSITION: absolute; TOP:21px; WIDTH:1px; Z-INDEX:2; visibility: hidden">
<table border="0" width="50" height="108">
<tr valign="top">
<td height="18">
<table border="0" height="25" width="120">
<tr valign="top">
<td height="12">
<table border="0" width="111" cellpadding="0" cellspacing="0" height="20">
<tr bgcolor="#B2CAE3">
<td height="2" valign="TOP" align="LEFT" width="6"><font color="#FFFFFF"><a href="javascript:mm_openbrwindow('../flash/sp/espm/presidente.htm','janela','scrollbars=yes,width=750,height=450')" class=itemMenu >
</a></font></td>
<td height="2" valign="top" width="94"><font face="Haettenschweiler" size="3" color="#002850"><a href="[http://www.scour.com/"](http://www.scour.com/) target="_blank"></a></font>
<p><font face="Haettenschweiler" size="3" color="#002850"><a href="[http://www.primusweb.com/fitnesspartner">](http://www.primusweb.com/fitnesspartner)
</td>
<td align="RIGHT" valign="TOP" height="2" width="11"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="menu1sb1" style="HEIGHT:1px; LEFT:35px; POSITION: absolute; TOP:440px; WIDTH:10px; Z-INDEX:2">
</div> <td rowspan="2"><a href="#"
onmouseover="openMenu('menu1');changeImages('menu_11', 'images/menu_11-over.jpg'); return true;"
onmouseout="closeMenu('menu1');changeImages('menu_11', 'images/menu_11.jpg'); return true;"
onmousedown="changeImages('menu_11', 'images/menu_11-over.jpg'); return true;"
onmouseup="changeImages('menu_11', 'images/menu_11-over.jpg'); return true;"> <img name="menu_11" src="images/menu_11.jpg" width="80" height="19" border="0" alt=""></a></td>
<td rowspan="2"><img src="images/menu_12.jpg" width="19" height="19" alt=""></td>Carregando comentários...