Ver Mensaje Individual
  #4 (permalink)  
Antiguo 03/12/2007, 14:33
Avatar de rol2007
rol2007
 
Fecha de Ingreso: mayo-2007
Ubicación: Santiasco CHILE
Mensajes: 300
Antigüedad: 17 años, 10 meses
Puntos: 4
Re: Botonera tipo Acordeon JS

Código PHP:
<html>
<
style>
.
menu{
background-imageurl('botonera_sec_ofertaformativa_bar.jpg');
background-repeatrepeat-y
}

.
menu ul{
padding:0
margin:0;
top0px;
left0px;
width161px;
list-
style-typenone;
}

.
menu li {
position:relative;
}

.
menu a 
{
    
text-decoration:none;
    
font-family:lucida console;
    
font-size:9px;
    
color:#666666;
    
text-align:right;
    
vertical-align:middle;
    
padding:3px;
    
font-weight:normal;
    
font-style:normal;
    
display:block;
    
margin-right10px;
    
}

.
menu a:hover
{
    
color:#CC3333;
}

/* hide the drop down menu */
.menu ul li ul
.
menu ul li ul li ul,
.
menu ul li:hover ul li ul 
{
displaynone;
}
/* make the drop down menu show  */
.menu ul li:hover ul
{
display:block

}
</
style>
<
script  type="text/javascript">
 

function 
Sobre(k) {
 if (
document.images
  eval(
'document.botonera_sec_ofertaformativa0'+k+'.src="botonera_sec_ofertaformativa-0'+k+'-r.png"');
}

function 
Fora(k) {
 if (
document.images
  eval(
'document.botonera_sec_ofertaformativa0'+k+'.src="botonera_sec_ofertaformativa-0'+k+'.png"');
}
 
</script>
 
</head>
<body bgcolor="#ffffff" >
  
  <div class="menu vert">
    <ul>

      <li>
      </li>
    </ul>
    <ul>
      <li>
<img name="botonera_sec_ofertaformativa01" src="botonera_sec_ofertaformativa-01.png" width="161" height="45" border="0" id="botonera_sec_ofertaformativa-01" alt="" onmouseover="Sobre(1);return true;" onmouseout="Fora(1);return true;"  />
        <ul>
      <li>
        <a href="lapedrera.html" target="_self">

            La&nbsp;pedrera&nbsp;(Bigastro)
        </a>
        <a href="casatapena.html" target="_self"  >
            Casa&nbsp;T&aacute;pena&nbsp;(Onil)
        </a>
        <a href="dunasguardamar.html" target="_self"  >
            Dunas&nbsp;de&nbsp;Guardamar
        </a>

        <a href="parqueelche.html" target="_self"  >
            Parque&nbsp;municipal&nbsp;Elche
        </a>
        <a href="bahia.html" target="_self">
            Bah&iacute;a&nbsp;Alicante
        </a>
        <a href="tranvia.html" target="_self" >
            Tranvia&nbsp;Ambiental
        </a>

        <a href="terranatura.html" target="_self" >
            Terra&nbsp;Natura
        </a>
        <a href="viajefosiles.htm" target="_self"  >
            Viaje&nbsp;mundo&nbsp;de&nbsp;los&nbsp;f&oacute;siles
        </a>
        <a href="descubreparques.html" target="_self"  >

            Descubre&nbsp;los&nbsp;parques
        </a>

      </li>
    </ul>
      </li>
    </ul>
 <ul >
      <li><img name="botonera_sec_ofertaformativa02" src="botonera_sec_ofertaformativa-02.png" width="161" height="55" border="0" id="botonera_sec_ofertaformativa-02" alt="" onmouseover="Sobre(2);return true;" onmouseout="Fora(2);return true;"  />

        <ul>
      <li>
            <a href="benialtea.html" target="_self"  >
            Isla&nbsp;Benidorm&nbsp;-&nbsp;Altea
        </a>
        <a href="xixona.html" target="_self"  >
            Coves&nbsp;Canelobre
        </a>

        <a href="tabarca.html" target="_self" >
            Tabarca
        </a>
        <a href="ibionil.html" target="_self" >
            Ibi-Sierra&nbsp;Onil
        </a>
        <a href="guardamar.html" target="_self" >
            Guardamar
        </a>
        <a href="elche.html" target="_self" >

            Elche
        </a>
        <a href="rojales.html" target="_self" >
            Rojales&nbsp;-&nbsp;La&nbsp;Pedrera
        </a>
        <a href="terranaturamayores.html" target="_self" >
            Terra&nbsp;Natura
        </a>

        <a href="viajefosilesmayores.html" target="_self" >
            Viaje&nbsp;mundo&nbsp;de&nbsp;los&nbsp;f&oacute;siles
        </a>
      </li>
        </ul>
      </li>
    </ul>

 <ul >
      <li><a href="reserva.html" target="_self" ><img name="botonera_sec_ofertaformativa03" src="botonera_sec_ofertaformativa-03.png" width="161" height="30" border="0" id="botonera_sec_ofertaformativa-03" alt="" onmouseover="Sobre(3);return true;" onmouseout="Fora(3);return true;" /></a>
      </li>
    </ul>
  </div>
  
</body>
</html> 



no puedo encontrar el problema para que IE no funcione lo probe en opera y mozilla todo bien.....no se que puede ser....


__________________
Saludos
desde Chile