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...
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 de widowmaker
1