遅延リンクすべてのページリンクをクリック

Question

ページ上のすべてのリンクを1秒遅らせる方法を探していますので、フェードアウトアニメーションが発生することがあります。画像はフェードアウトしますが、遅延がなければアニメーションは見えません。私はこのイメージに4つの領域を持っています。 2人はページAに行き、2人はページbに行く。何かご意見は？

Answer 1

あなたはjQueryを使ってそれを行うことができます。

$('a').click(function(e) { 
    var anchor = $(this), h; 
    h = anchor.attr('href'); 
    e.preventDefault(); 
    anchor.animate({'opacity' : 0}, 1000, function() { 
     window.location = h; 
    }); 
}); 

Answer 2

あなたがキャプチャ（および停止）のリンクをクリックしてイベントと1000ミリ秒後にリンクのhrefます。attribにリダイレクトするようにタイムアウトを設定することができます。 jQueryのを使用して

：

$("#a_context a").click(function(e) { 
    e.preventDefault(); 
    var destination = $(this).attr('href'); 
    setTimeout(function() { window.location.href = destination; }, 1000); 
});

それが最良の方法ですが、私は考えることができるすべてであるかどうかわかりません。

Answer 3

var aTags = document.getElementsByTagName('a'); 

for (var i = 0; i < aTags.length; i++) { 
    if (document.addEventListener) { 
     aTags[i].addEventListener('click', function(e) { 
      e.preventDefault(); 

      // fade out here then 
      // setTimeout(function(){ 
      // window.location.href = e.currentTarget.href; 
      // }, 1000); 
     }, false); 
    } else { 
     aTags[i].attachEvent('onclick', function(e) { 
      e.returnValue = false; 

      // fade out here then on complete 
      // setTimeout(function(){ 
      // window.location.href = e.srcElement.href; 
      // }, 1000); 
     }); 
    } 
}