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.交流群: PHP+JS聊天群

相关课文
  • JS如何防止父节点的事件运行

  • nodejs编写一个简单的http请求客户端代码demo

  • 使用Sublime Text3 开发React-Native的配置

  • 说一则为什么后端开发人员不选择node.js的原因

我要说说
网上宾友点评
1 楼 IP 106.50.192.27 的嘉宾 说道 : 1568948695
e.preventDefault必须得有--不然没等你fade直接跳