Hola
Hoy he comenzado con jQuery y estoy haciendo un menú de nevegación con un efecto simple:
Código:
$(document).ready(function(){
$("li.moveUp").hover(
function(){
$(this).animate({"bottom" : "5px"}, 100);
$("li.moveUp span").animate({"bottom" : "-10px"}, 100);
},
function(){
$(this).animate({"bottom" : "0"}, 300);
$("li.moveUp span").animate({"bottom" : "0"}, 100);
}
);
});
Código HTML:
<ul>
<li class="moveUp"><a href="#"><img src="images/menu_home.png" alt="Home" /><span>Home</span></a></li>
<li class="moveUp"><a href="#"><img src="images/menu_new.png" alt="Nuevos" /><span>Nuevos</span></a></li>
</ul>
Necesito que el span dentro de li.moveUp se mueva. Todo funciona bien, salvo la selección del span.