jQuerty no funciona

  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Febrero 14th, 2010, 10:18 pm

Su no un código de razonable, no veo nada malo en ello. Alguien sabe cuál está para arriba?
JAVASCRIPT Código: [ Select ]
$(document).ready( function(){
                     
var orb1 = $('#wrapper div:nth-child(1)')
var self = $(this)
var time1 = 2000
var time2 = 3500
                     
if(orb1.css('top') < '100%'){
   self.animate({
      top : "100%"
   }, time1);
}
else {
   orb1.animate({
      top : "0%"
             }, time2);
}
 
});
 
  1. $(document).ready( function(){
  2.                      
  3. var orb1 = $('#wrapper div:nth-child(1)')
  4. var self = $(this)
  5. var time1 = 2000
  6. var time2 = 3500
  7.                      
  8. if(orb1.css('top') < '100%'){
  9.    self.animate({
  10.       top : "100%"
  11.    }, time1);
  12. }
  13. else {
  14.    orb1.animate({
  15.       top : "0%"
  16.              }, time2);
  17. }
  18.  
  19. });
  20.  


HTML es bastante sencillo:
HTML Código: [ Select ]
<body>
<div id="wrapper">
<h1>Xaetrex.net</h1>
<div></div>
</div>
</body>
 
  1. <body>
  2. <div id="wrapper">
  3. <h1>Xaetrex.net</h1>
  4. <div></div>
  5. </div>
  6. </body>
  7.  

Todo lo que quiero hacer es mover el div abajo hasta que llega a un "top" de propiedad del 100%, entonces una vez que haya, moverlo hacia arriba. Quiero que esta animación continuamente bucle para que el div va y viene por la eternidad. Me aseguré de que el div tiene una "posición" de propiedad de "relevante" para que la propiedad top hace algo, pero no su trabajo.
Use your words like arrows to shoot toward your goal.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Febrero 14th, 2010, 10:18 pm

Publicar Información

  • Total de mensajes en este tema: 1 mensaje
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 131 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC