Tema: Mostrar <li> por orden en lugar de random
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 20/09/2010, 10:00
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 15 años
Puntos: 65
Respuesta: Mostrar <li> por orden en lugar de random
tiene que tener un orden especial?
aca te paso uno que muestra del primero al ultimo

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <title>Prueba</title>
  4. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  5. <script type="text/javascript">
  6. $( function(){   
  7.     $("#tips li:eq(0)").show();
  8.     setInterval("mostrar()",1000);
  9. });
  10. mostrar = function(){
  11.     li = $("#tips li:visible").hide();
  12.     liNext = li.next();
  13.     if(liNext.length){
  14.         liNext.show();
  15.     } else {
  16.         $("#tips li:eq(0)").show();
  17.     }
  18. };
  19. </script>
  20. <style>
  21. #tips, #tips li{
  22.     margin:0;
  23.     padding:0;
  24.     list-style:none;
  25.     }
  26. #tips{
  27.     width:250px;
  28.     font-size:16px;
  29.     line-height:120%;
  30.     }
  31. #tips li{
  32.     padding:20px;
  33.     background:#e1e1e1;
  34.     display:none; /* hide the items at first only */
  35.     }
  36. </style>
  37. </head>
  38. <body>
  39. <ul id="tips">
  40.     <li>... if you want to become a better coder you need to eat your vegetables?</li>
  41.     <li>... it takes more time to code a web page then to make a pizza?</li>
  42.     <li>... you should validate your code?</li>
  43.     <li>... jQuery is your friend? For real!</li>
  44.     <li>... no matter what some people claim, you can't learn CSS in 3 hours?</li>
  45. </ul>
  46. </body>
  47. </html>