Foros del Web - Ver Mensaje Individual

IEKK · #4 (**permalink**) 07/05/2011, 16:20

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<!DOCTYPE html>
<html>
<head>
  <style>.hover{color:red;}</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  
<div id="menu">
<ul>  
  <li><a href="#">Enlace 1</a></li>
  <li><a href="#">Enlace 2</a></li>
  <li><a href="#">Enlace 3</a></li>
</ul>
</div>
 
<a href="#">Enlace 4</a>
  
<script>
$("#menu ul li a").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);
</script>
 
</body>
</html>

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