Foros del Web - Ver Mensaje Individual

mariomon17 · #6 (**permalink**) 23/04/2011, 14:14

De primeras no he puesto codigo porque a lo mejor era algo tipo.. si estas en local no va javascript.

Tengo muchisimos scripts pero te pongo el codigo del menu desplegable.

Código HTML:

Ver original<head>
...
<script type="text/javascript" src="../js/jquery-ui/js/jquery-1.5.1.min.js"></script>
<script type="text/jscript" src="/js/nav.js"></script>
...
</head>
 
<body>
 
...
 
<div class="parteuno">
    <ul class="nave">
      <li><a href="/index.php">Inicio</a></li>
      <li><a href="/nosotros/">Nosotros</a></li>
      <li><a href="/peluqueria/">Peluquería Canina</a></li>
      <li style="width:100px"><a href="#">Productos</a>
        <ul style="background:url(/images/men_010.jpg) no-repeat"><a href="/productos/acuarofilia.php">Acuariofilia</a></ul>
        <ul style="background:url(/images/men_02.jpg) no-repeat"><a href="/productos/perros.php">Perros</a></ul>
        <ul style="background:url(/images/men_03.jpg) no-repeat"><a href="/productos/gatos.php">Gatos</a></ul>
        <ul style="background:url(/images/men_04.jpg) no-repeat"><a href="/productos/aves.php">Aves</a></ul>
      </li>
      <li><div class="nav"><a href="/ofertas">Ofertas</a></div></li>
      <li><div class="nav"><a href="/novedades">Novedades</a></div></li>
      <li><div class="nav"><a href="/contacto/">Contacto</a></div></li>
    </ul>
  </div>
 
...
 
</body>

nav.js

Código Javascript:

Ver original// MENUS
$(document).ready(function() {
    $('ul.nave li:has(ul)').hover(
        function(e)
        {
            $(this).find('ul').slideDown();
        },
        function(e)
        {
            $(this).find('ul').slideUp();
        }
    );
    
});
// FIN MENUS
 
...

Un saludo y gracias