1 
    $(document).ready(function() {

  elem = new Array('a1','a2','a3','a4','a5','a6','a7','a8','a9');
  $('.graphic').hide();

  hidden = false;
  time = 0;
  elem.sort(randomize);
  $.each(elem, function(i, r) {
    setTimeout(function() {
      $('#'+r).fadeIn(400);
    }, time);
    time += 200;
  });

  time = 0;
  //elem.sort(randomize);
  setTimeout(function() {
    $.each(elem, function(i, r) {
      setTimeout(function() {
        $('#'+r).fadeOut(800);
      }, time);
      time += 200;
    });
    $('.graphic').fadeIn(2400);
      hidden = true;
  }, 3000);

  $('.graphic').mouseenter(function(){
    if(hidden) {
      //time = 0;
      //elem.sort(randomize);
      $('.graphic').fadeOut(400);
      $.each(elem, function(i, r) {
        /*setTimeout(function() {
          $('#'+r).fadeIn(400);
          }, time);
        time += 200;*/
        $('#'+r).fadeIn(400);
      });
      hidden = false;
    }
  });

  $('.content').mouseenter(function(){
    if(!hidden) {
      time = 0;
      //elem.sort(randomize);
      $.each(elem, function(i, r) {
        setTimeout(function() {
          $('#'+r).fadeOut(800);
        }, time);
        time += 200;
      });
      $('.graphic').fadeIn(2400);
      hidden = true;
    }
  });

  $('.tile').click(function(t) {
    $(this).fadeOut(800, function () {
        window.location = $(this).attr("href");
      }
    ); 
    return false;
  });


  function randomize(){
    return (Math.round(Math.random())-0.5); 
  }

});

どういうわけか、私は効果を壊すことができません。サイドが読み込まれると、バナーは非表示になります。9つの要素が行き来します。div に入るたびに、バナーがフェードアウトし、9 つの div がインします。enter を離れると、フェードアウトのランダムな効果があります。しかし、その効果が発生しているときに入ると、すべてが壊れます。そのため、どこかで休憩が必要なので、フェードが停止し、9 つの div が即座に表示されます。何か案は？:/

4

1 に答える 1

0

http://api.jquery.com/stop/を使用して、現在実行中のアニメーションを停止してみてください

于 2012-12-11T11:29:49.073 に答える