Foros del Web » Programando para Internet » Javascript » Frameworks JS »

como hacer que una lista suba hacia arriba

Estas en el tema de como hacer que una lista suba hacia arriba en el foro de Frameworks JS en Foros del Web. Lo que hago es que con jquery hago que una lista que oculto primero se muestre en forma de cortina hacia abajo, pero lo que ...
  #1 (permalink)  
Antiguo 08/03/2012, 10:24
 
Fecha de Ingreso: abril-2011
Mensajes: 867
Antigüedad: 13 años, 6 meses
Puntos: 5
como hacer que una lista suba hacia arriba

Lo que hago es que con jquery hago que una lista que oculto primero se muestre en forma de cortina hacia abajo, pero lo que quiero saber es, si es posible que esa lista se muestre hacia arriba, tengo algo asin:


Código HTML:
Ver original
  1. <script type='text/javascript' language='javascript'>
  2.     $(document).ready(function(){
  3.        $('li').hide();
  4.    
  5.     $('ul').hover(function(){
  6.        $("li").slideDown('fast');
  7.     });
  8.    
  9.     $('ul').mouseleave(function(){
  10.        $('li').slideUp();
  11.        
  12.     });
  13.     <ul>
  14.         <img src='entrar.jpg'>
  15.         <li>opcion 1</li>
  16.         <li>opcion 2</li>
  17.         <li>opcion 3</li>
  18.         <li>opcion 4</li>
  19.         <li>opcion 5</li>
  20.         <li>opcion 6</li>
  21.     </ul>

alguna idea de como se puede hacer o si alguien me puede aconsejar alguna idea
  #2 (permalink)  
Antiguo 08/03/2012, 11:30
Avatar de funkii  
Fecha de Ingreso: junio-2010
Mensajes: 64
Antigüedad: 14 años, 5 meses
Puntos: 4
Respuesta: como hacer que una lista suba hacia arriba

Probaste invirtiendo los Slides?

Código Javascript:
Ver original
  1. $('ul').hover(function(){
  2.        $("li").slideUp('fast');
  3.     });
  4.    
  5.     $('ul').mouseleave(function(){
  6.        $('li').slideDown();

Etiquetas: arriba, hacia, lista
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:45.