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

字號+ 編輯: 国内TP粉 修訂: 种花家 來源: 原创 2023-09-11 我要說兩句(1)

從第三方設計公司那邊借鋻了一套小特效組件, 給大夥玩玩

利用了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;
    });
  }
});


閲完此文,您的感想如何?
  • 有用

    1

  • 沒用

    0

  • 開心

    0

  • 憤怒

    0

  • 可憐

    0

1.如文章侵犯了您的版權,請發郵件通知本站,該文章將在24小時内刪除;
2.本站標注原創的文章,轉發時煩請注明來源;
3.交流群: 2702237 13835667

相關課文
  • JS如何防止父節點的事件運行

  • nodejs編寫一個簡單的http請求客戶耑代碼demo

  • 說一則爲什麽後耑開發人員不選擇node.js的原因

  • 使用Sublime Text3 開發React-Native的配置

我要說說
網上賓友點評
1 樓 IP 106.50.***.27 的嘉賓 说道 : 很久前
e.preventDefault必须得有--不然没等你fade直接跳