jQuery 讓網站鏈接在跳轉前的一瞬間擁有漸隱效果

利用了jQuery當中fadeOut()方法中攜帶的delay參數和callback參數。

事先確定不要在a標簽href屬性裡面加入一些其他奇奇怪怪的鏈接進去:

$(document).on("click","a",function (e) {
  e.preventDefault();
  var newUrl = $(this).attr("href"),
      target = $(this).attr("target");
  if (!newUrl || newUrl[0] === "#" || newUrl === 'javascript:;' || newUrl === 'javascript:void(0);') {
      location.hash = newUrl;
      return;
  }
  if(target == '_blank') {
    window.open(newUrl, '_blank')
  } else {
    $("html").fadeOut(120, function() {
        window.location.href = newUrl;
    });
  }
});