Buenas, tengo una simple preguntita:
Estoy tratando de hacer un menú con jquery que en el hover se desplace suavemente hacia arriba, entonces bajé un código de un menú similar al que quiero, pero éste se desliza hacia la derecha y no hacia arriba como deseo.
Cita: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function() {
$('#social_nav_vertical li a').hover(function() {
$(this).stop().animate({ marginLeft: '20px' },300); // on Mouseover move to left
}, function() { //on Mouseout move back to original positon
$(this).stop().animate({ marginLeft: '0px' }, 300);
});
});
</script>
<style type="text/css">
#social_nav_vertical ul {
margin: 0;
padding: 0;
margin-top: 20px;
}
#social_nav_vertical ul li {
padding: 5px 0 0 5px;
margin-left: 5px;
list-style-type: none;
float:left
}
</style>
</head>
<body>
<div id="social_nav_vertical">
<ul>
<li> <a href="">Delicious</a></li>
<li><a href="">Facebook</a></li>
<li><a href=""> Stumble</a></li>
<li><a href="">Twitter</a></li>
</ul>
</div> <!-- end social_nav_vertical -->
</body>
</html>
Bueno, ahí esta el código, que tengo que editar para que en el hover se deslicen hacia arriba?
(No se nada de java script, aunque probé editar donde dice "marginleft" por "marginbottom pero no andubo :P )
Muchas Gracias!