Problemas con menu en javascript

Hola amigo, mira de antemano gracias por la ayuda que me diste anteriormente.... Por otra parte, ya pude insertar el javascrip que queria, solo me faltan algunos detalles del color, pero tengo otro pequeño problema, el menu al poner el mouse sobre la opcion, se despliega un submenu con otras opciones. Quiero que cheques el submenu para que veas que al posicionar el mouse solo se aparece y desaparece rapidamente, ademas aparece "detras" de la linea negra. Quisiera arreglar esos pequeños dos problemas.... Espero que me puedas ayudar. Salu2.
posd: aqui de dejo el codigo de la web para que veas.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="generator" content="Antenna 2.0 (Unregistered)">
<meta http-equiv="imagetoolbar" content="no">
<link rel="stylesheet" type="text/css" href="antenna.css" id="sitestyles">
<STYLE>
.cell_over { BACKGROUND-COLOR: #ffff11 }
.cell_out { BACKGROUND-COLOR: #FFFFFF }
.cell_over1 { BACKGROUND-COLOR: #C9E4FC }
.cell_out1 { BACKGROUND-COLOR: #FFFFFF }
.example {font-family: verdana, helvetica, sans serif; font-size: 8pt; text-decoration: none}
.examplelink {font-family: verdana, helvetica, sans serif; font-size: 8pt; color: #000080; text-decoration: none; cursor: none}
.examplelink:hover {font-family: verdana, helvetica, sans serif; font-size: 8pt; color: #FF2200; text-decoration: none; cursor: hand}
</STYLE>
<script>
if(document.layers)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=track;
divref=(document.all)?"":"document.";
stlref=(document.all)?"style.":"";
function track(e){
var x=(document.all)?event.x:e.pageX;
var y=(document.all)?event.y:e.pageY;
if(x<1||x>65||y<3||y>73)eval(divref+"b."+stlref+"visibility='hidden'");
if(x<80||x>145||y<3||y>73)eval(divref+"c."+stlref+"visibility='hidden'");
if(x<160||x>225||y<3||y>73)eval(divref+"d."+stlref+"visibility='hidden'");
}
function reveal(menu){
eval(divref+menu+"."+stlref+"visibility='visible'");
}
</SCRIPT>
<STYLE TYPE="text/css">
BODY{color:black} A:link{color:white} A:visited{color:white} A:hover{color:red}
.bar{
color : white;
position : absolute;
left : 0;
top : 0px;
width : 780px;
height : 20px;
background : steelblue;
font-family : verdana;
font-size : 10pt;
border-color : white;
border-width : 1px;
}
.menu
{
position : absolute;
width : 65px;
height : 50px;
background : steelblue;
top : 21px;
visibility : hidden;
font-family : verdana;
font-size : 10pt;
border-color : white;
border-width : 1px;
}
</STYLE>
</head>
<body class="global" style=""
>
<style type="text/css">
</style>
<div id="J382575883HNA17" style="visibility: visible">
<div class="default_style" id="Z382575955DFP21"
style="position: absolute; top: -1; left: 94; width: 602; height: 516;
background-color: #FFFFFF;
filter:
;"
>
<div style="position: absolute; width: 602; height: 516"></div>
</div>
<div class="default_style" id="G382575962UOI22"
style="position: absolute; top: 0; left: 100; width: 751; height: 64;
background-color: #000000;
filter:
;"
>
<div style="position: absolute; width: 751; height: 64"></div>
</div>
<div class="default_style" id="L382575983YRE23"
style="position: absolute; top: 63; left: 100; width: 701; height: 22;
background-color: #FFFFFF;
filter:
;"
>
<div style="position: absolute; width: 701; height: 22">
</div>
</div>
<div
class="default_style"
id="I382576062EGP31"
style="position: absolute;
top: 2;
left: 102;
width: 200;
height: 56;
filter:
overflow: hidden;
">
<object id="I382576062EGP31" name="flash"
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash3/cabs/swflash.cab#version=3,0,0,0"
align="baseline" border="0"
width="200"
height="56">
<param name="MOVIE"
value="narco.swf"
><param name="PLAY"
value="true"
><param name="menu"
value="false"
><param name="LOOP"
value="false"
><param name="QUALITY" value="autohigh">
<embed
src="narco.swf"
align="baseline" border="0"
width="200"
height="56"
loop="false"
quality="autohigh"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</object>
</div>
<div
id="A382576505IUG35"
>
<script type="text/javascript">
<!--
//--></script>
</div>
<div class="default_style" id="L382596375STX17"
style="position: absolute; top: 80; left: 99; width: 132; height: 700;
border-color: #FFFFFF;
background-color: #000000;
filter:
;"
>
<div style="position: absolute; width: 132; height: 700">
</div>
</div>
<div class="default_style" id="U382596396OZO18"
style="position: absolute; top: 80; left: 231; width: 620; height: 162px;
background-color: #FFFFFF;
filter:
;"
>
<div style="position: absolute; width: 620; height: 188px">
<DIV ID="a" CLASS="bar">
<A HREF="#" ONMOUSEOVER="reveal('b')">  Menu 1</A> |
<A HREF="#" ONMOUSEOVER="reveal('c')">  Menu 2</A>   |
<A HREF="#" ONMOUSEOVER="reveal('d')">  Menu 3</A>   |
</DIV>
<DIV ID="b" CLASS="menu" STYLE="left:0">
<A HREF="#"> Item 1-A </A>
<A HREF="#"> Item 1-B </A>
<A HREF="#"> Item 1-C </A>
</DIV>
<DIV ID="c" CLASS="menu" STYLE="left:80">
<A HREF="#"> Item 2-A </A>
<A...

1 respuesta

Respuesta
1
Otra vez; como verás, he arreglado tus problemas de menú. Verás que he puesto los divs del menú abajo del html, pero como son absolutos, no pasa nada. También he creado un par de funciones para el control del menú, espero que te guste.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="generator" content="Antenna 2.0 (Unregistered)">
<meta http-equiv="imagetoolbar" content="no">
<link rel="stylesheet" type="text/css" href="antenna.css" id="sitestyles">
<STYLE>
.cell_over { BACKGROUND-COLOR: #ffff11 }
.cell_out { BACKGROUND-COLOR: #FFFFFF }
.cell_over1 { BACKGROUND-COLOR: #C9E4FC }
.cell_out1 { BACKGROUND-COLOR: #FFFFFF }
.example {font-family: verdana, helvetica, sans serif; font-size: 8pt; text-decoration: none}
.examplelink {font-family: verdana, helvetica, sans serif; font-size: 8pt; color: #000080; text-decoration: none; cursor: none}
.examplelink:hover {font-family: verdana, helvetica, sans serif; font-size: 8pt; color: #FF2200; text-decoration: none; cursor: hand}
</STYLE>
<script>
if(document.layers)document.captureEvents(Event.MOUSEMOVE);
//document.onmousemove=track;
divref=(document.all)?"":"document.";
stlref=(document.all)?"style.":"";
function track(e){
var x=(document.all)?event.x:e.pageX;
var y=(document.all)?event.y:e.pageY;
if(x<1||x>65||y<3||y>73)eval(divref+"b."+stlref+"visibility='hidden'");
if(x<80||x>145||y<3||y>73)eval(divref+"c."+stlref+"visibility='hidden'");
if(x<160||x>225||y<3||y>73)eval(divref+"d."+stlref+"visibility='hidden'");
}
function reveal(menu,sub){
if(sub)control2=true;
else control2=false;
if(control)control=window.clearTimeout();
control=false;
eval(divref+menu+"."+stlref+"visibility='visible'");
}
var control=false;
var control2=false;
function hideDiv(obj){
control=window.setTimeout("hideDiv2('"+obj+"');",200)
}
function hideDiv2(obj){
if(!control2){
if(obj=="b")document.getElementById("b").style.visibility="hidden";
if(obj=="c")document.getElementById("c").style.visibility="hidden";
if(obj=="d")document.getElementById("d").style.visibility="hidden";
}
}
</script>
<STYLE TYPE="text/css">
BODY{color:black} A:link{color:white} A:visited{color:white} A:hover{color:red}
.bar{ color : white; position : absolute; left : 0; top : 0px; width : 780px; height : 20px; background : steelblue; font-family : verdana; font-size : 10pt; border-color : white; border-width : 1px; }
.menu { position : absolute; width : 65px; height : 50px; background : steelblue; top : 21px; visibility : hidden; font-family : verdana; font-size : 10pt; border-color : white; border-width : 1px; }
</STYLE>
</head>
<body class="global" style="">
<div id="J382575883HNA17" style="visibility: visible">
<div class="default_style" id="Z382575955DFP21" style="position: absolute; top: -1; left: 94; width: 602; height: 516; background-color: #FFFFFF; filter: ;" >
<div style="position: absolute; width: 602; height: 516"></div>
</div>
<div class="default_style" id="G382575962UOI22" style="position: absolute; top: 0; left: 100; width: 751; height: 64; background-color: #000000; filter: ;" >
<div style="position: absolute; width: 751; height: 64"></div>
</div>
<div class="default_style" id="L382575983YRE23" style="position: absolute; top: 63; left: 100; width: 701; height: 22; background-color: #FFFFFF; filter: ;" >
<div style="position: absolute; width: 701; height: 22">
</div>
</div>
<div class="default_style" id="I382576062EGP31" style="position: absolute; top: 2; left: 102; width: 200; height: 56; filter: overflow: hidden; ">
<object id="I382576062EGP31" name="flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash3/cabs/swflash.cab#version=3,0,0,0" align="baseline" border="0" width="200" height="56">
<param name="MOVIE" value="narco.swf" >
<param name="PLAY" value="true" >
<param name="menu" value="false" >
<param name="LOOP" value="false" >
<param name="QUALITY" value="autohigh">
<embed src="narco.swf" align="baseline" border="0" width="200" height="56" loop="false" quality="autohigh" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</object>
</div>
<div id="A382576505IUG35" >
<script type="text/javascript">
<!--
//--></script>
</div>
<div class="default_style" id="L382596375STX17" style="position: absolute; top: 80; left: 99; width: 132; height: 700; border-color: #FFFFFF; background-color: #000000; filter: ;" >
<div style="position: absolute; width: 132; height: 700">
</div>
</div>
<div class="default_style" id="F382596406SSR19" style="position: absolute; top: 101; left: 849; width: 1; height: 679; background-color: #C0C0C0; filter: ;" >
<div style="position: absolute; width: 1; height: 679"></div>
</div>
<div class="default_style" id="B382596444AGL20" style="position: absolute; top: 763; left: 231; width: 619; height: 17; background-color: #000000; filter: ;" >
<div style="position: absolute; width: 619; height: 17"></div>
</div>
<div class="plain_text" id="K382596457OTY21" style="position: absolute; top: 764; left: 620; width: 245; height: 150; filter: ;" >
<a name="text"></a>
<DIV><FONT color=#c0c0c0>Derechos Reservados DJ.NARCO - 2004.</FONT></DIV>
</div>
<div class="default_style" id="V382596476TMC23" style="position: absolute; top: 98; left: 115; width: 100; height: 100; filter: ;" >
<img name="picture" width="100" height="100" src="logo.jpg" border="0" alt="">
</div>
<div class="default_style" id="K382596612RYK30" style="position: absolute; top: 105; left: 234; width: 100; height: 34; filter: ;" >
<img name="picture2" width="100" height="34" src="inicio.jpg" border="0" alt="">
</div>
<div class="default_style" id="E382596660EFK1" style="position: absolute; top: 141; left: 238; width: 597; height: 275; border-width: 3; border-style: double; border-color: #808080; background-color: #F7F7F7; filter: ;" >
<div style="position: absolute; width: 597; height: 275"></div>
</div>
<div class="plain_text" id="F382596512FWF24" style="position: absolute; top: 154; left: 248; width: 580; height: 258; filter: ;" >
<a name="text2"></a>
<DIV align=justify>Bienvenidos al web.</DIV>
<DIV align=justify> </DIV>
<DIV align=justify>Aqui encontraras todo lo relacionado con el genero del reggaeton; en especial el veracruzano.</DIV>
<DIV align=justify> </DIV>
<DIV align=justify>Ademas tambien encontraras otras noticias acerca del reggaeton y hip hop boricua, reggae panameño y algo de hip hop americano.</DIV>
<DIV align=justify> </DIV>
<DIV align=justify>Tratare de actualizar la pagina cada semana para que esten simpre enterados de proximas producciones, chismes, nuevos talentos, etc...</DIV>
<DIV align=justify> </DIV>
<DIV align=justify>Si alguien sabe de diseño web ya sea ( Javascript, Php, Flash ) y esta interesado en coolaborar, mandenme un correo a <a href="mailto:[email protected]">[email protected]</A>.</DIV>
<DIV align=justify> </DIV>
<DIV align=justify>Espero que la pasen bien en esta web.</DIV>
<DIV align=justify> </DIV>
<DIV align=center>Att:   <STRONG>DJ.NARCO</STRONG></DIV>
<DIV align=center>-    WebMaster.    -</DIV>
</div>
<div class="default_style" id="E382596711BZC3" style="position: absolute; top: 617; left: 631; width: 216; height: 144; filter: ;" >
<img name="picture3" width="216" height="144" src="construccion.gif" border="0" alt="">
</div>
</div>
<div id="antenna_trial_version" style="position: absolute; bottom: 0px; right: 0px; width: 172px; height: 25px; border-style: none; background-color: #E4E9FF; padding: 5px; font-family: Arial; font-size: 11px; text-align: center; filter:alpha(opacity=90); overflow: hidden;">
Made with <a href="http://www.stormdance.net" target="_blank">Antenna</a> Trial Version
</div>
<div class="default_style" id="U382596396OZO18" style="position: absolute; top: 80; left: 231; width: 620; background-color: #FFFFFF; filter: ;" >
<div style="position: absolute; width: 620; height: 188px">
<DIV ID="a" CLASS="bar">
<A HREF="#" ONMOUSEOVER="reveal('b')" onmouseout="hideDiv('b');">  Menu 1</A> |
<A HREF="#" ONMOUSEOVER="reveal('c')" onmouseout="hideDiv('c');">  Menu 2</A>   |
<A HREF="#" ONMOUSEOVER="reveal('d')" onmouseout="hideDiv('d');">  Menu 3</A>   |
</DIV>
<DIV ID="b" CLASS="menu" STYLE="left:0;z-index:9999" ONMOUSEOVER="reveal('b',true)" onmouseout="control2=false;hideDiv2('b');">
<A HREF="#"> Item 1-A </A>
<A HREF="#"> Item 1-B </A>
<A HREF="#"> Item 1-C </A>
</DIV>
<DIV ID="c" CLASS="menu" STYLE="left:80;z-index:9999" ONMOUSEOVER="reveal('c',true)" onmouseout="control2=false;hideDiv2('c');">
<A HREF="#"> Item 2-A </A>
<A HREF="#"> Item 2-B </A>
<A HREF="#"> Item 2-C </A>
</DIV>
<DIV ID="d" CLASS="menu" STYLE="left:160;z-index:9999" ONMOUSEOVER="reveal('d',true)" onmouseout="control2=false;hideDiv2('d');">
<A HREF="#"> Item 3-A </A>
<A HREF="#"> Item 3-B </A>
<A HREF="#"> Item 3-C </A>
</DIV>
</div>
</div>
</body>
</html>

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas