Question

This is what I did.
As you can see, there is freaking mess when you hover over text fast. I want so that "wave" effect would not mess up after second immidiate hover and only after that "wave" effect can be done again.
Thnx in advance!

Answer 1

rel=“nofollow”>http://jsbin.com/aqorip/3/

您应加上<条码>running变量,在进行消化时,这些变量必须是真实的。如果这一变量是真实的,我们将不会开始新的估算。在灭im之后,将要求追捕一名囚犯。如果是最后一封信,我们就可以检查,如果是的话,可以确定<条码>。

$(function() {
  $( h1 ).lettering();
  $( h1 span ).css( position , relative );
  var running = false;
  $( h1 ).hover(function(){
    if (running) return;
    running = true;
    var childs = $(this).children("span");
    childs.each(function(i){
      $(this).delay(i*50).animate({ top: -10px  }, 100, function(){
        $(this).animate({top: 0}, function() {
          if ($(this).is(childs.last())) {
            running = false;
          }
        });
      });
    });
    setTimeout(function() {
      running = false;      
    }, children.count * 150);
  }, function(){
    $(this).children( span ).animate({ top: 0 }, 100);
  });
});

Notice that you had unused variable i. You shouldn t declare it because you have i as an argument of a function. So first i in your code will be hidden behind the argument i.

友情链接