jQuery 让网站链接在跳转前的一瞬间拥有渐隐效果

字号+ 编辑: 国内TP粉 修订: 呆头鹅甲 来源: 原创 2018-04-14 22:27: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.转来的文章都会标好来源,如对来源资料存疑,请邮件声明;
2.本站标注原创的文章,转发时烦请注明来源;
3.如文章侵犯了您的版权,请通知本站,该文章将在24小时内移除。

相关课文
  • 使用electron-forge和cnpm命令来写一个简单的electron桌面应用

  • ueditor在使用严格模式时报错Uncaught TypeError: 'caller', 'callee', and 'arguments'

  • UEditor百度编辑器中各种html标签被过滤掉的解决办法

  • JS的Timeout定时器怎么写成无限循环的?

我要说说
网上宾友点评
IP106.50.192.*的嘉宾 说道: e.preventDefault必须得有--不然没等你fade直接跳