Ver Mensaje Individual
  #5 (permalink)  
Antiguo 07/05/2011, 16:25
hhcj
 
Fecha de Ingreso: febrero-2007
Mensajes: 39
Antigüedad: 17 años, 2 meses
Puntos: 0
Respuesta: Menu dinamico clase active

Cita:
Iniciado por IEKK Ver Mensaje
Umm, bueno, en realidad lo que tenías era que haber pasado tu consulta en el foro de Javascript. No sé si está bien que ponga esto aquí.

No es nada recomendable a la hora de crear páginas sólo saber php y no saber de los lenguajes en la parte del cliente.

Este ejemplo puede parecerte largo pero te he añadido a lo "chapuza" todos los js y la css dentro del html para que simplemente lo pruebes.
Después ya lo arreglas y separadas cada cosa por su lado.

El enlace 4 es para que entiendas que sólo va a buscar los <a> dentro del div menu y de los <li> que a su vez estén en el <ul>

Cambia a color rojo el enlace cuando el cursor se sitúa por encima.

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2.   <style>.hover{color:red;}</style>
  3.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  4. </head>
  5.  
  6. <div id="menu">
  7. <ul>  
  8.   <li><a href="#">Enlace 1</a></li>
  9.   <li><a href="#">Enlace 2</a></li>
  10.   <li><a href="#">Enlace 3</a></li>
  11. </ul>
  12. </div>
  13.  
  14. <a href="#">Enlace 4</a>
  15.  
  16. $("#menu ul li a").hover(
  17.   function () {
  18.     $(this).addClass("hover");
  19.   },
  20.   function () {
  21.     $(this).removeClass("hover");
  22.   }
  23. );
  24.  
  25. </body>
  26. </html>

Por último aquí está en enlace con toooda la documentación de jquery.
[URL="http://api.jquery.com/"]http://api.jquery.com/[/URL]
Claro que también lo podías hacer en javascript, que es lo mismo, pero no me apetecía escribir más
Ahora mismo lo pruebo, muchas gracias