EMlog文章增加打赏二维码

emlog教程 2020-08-25

  基于HTML+JS完整好看的弹窗代码 代码可以作为文章 阅读页面 为文章二维码打赏 代码提取于明月浩空的模板非常的实用 教程来自蓝优博客

  输出位置

  

  function weixin(a) {

  $(“.blackground”).fadeIn(100);

  $(“.wxtitle”).html(‘ QQ 微信 支付宝 扫一扫打赏‘)

  $(“.wxbox,.wxpic”).animate({ opacity: “show”, marginTop: “-170px” }, “slow”)

  var wx = new Image(); wx.src =a;

  wx.onload = function() { setTimeout(function() { $(“.wxpic”).html(‘‘) }, 100) };

  };

  $(function(){jQuery(function() { var meta = document.getElementsByTagName(‘meta’); var a = encodeURIComponent(location.href), b = encodeURIComponent(document.title); $(“.wxclose a”).click(function() { $(“.blackground”).fadeOut(100); $(“.wxbox”).animate({ opacity: “hide”, marginTop: “-300px” }, “slow”) }) })});

  .wxbox{position:fixed;top:50%;left:50%;z-index:9999;display:none;margin:0 0 0 -150px;padding:20px;width:300px;height:300px;border-radius:20px;background-color:#fff;box-shadow:0 0 10px #000}

  .wxbox .wxclose{margin-bottom:10px;color:#000;font-weight:700;font-size:18px}

  .wxbox .wxclose a{float:right;display:block;width:19px;height:19px;-webkit-transition:all .6s ease-in-out 0s;-moz-transition:all .6s ease-in-out 0s;transition:all .6s ease-in-out 0s}

评论 (0)
    Top