Zibll独立下载页面美化

ugOk.gif

效果图

Zibll独立下载页面美化插图

下载文件覆盖掉download.php即可文件路径:/wp-content/themes/zibll/pages/download.php,更新前记得备份!记得备份!记得备份!不然就没后悔药吃了!

JS代码(点击复制密码功能,单独的)

<!--下载页面密码复制-->
if(document.querySelectorAll(".but-download .badg")!=undefined){
    const reg = /[a-zA-z0-9]/ig;
    const copy = document.querySelectorAll(".but-download .badg");
    for (let i = 0; i < copy.length; i++) {
      copy[i].index = i;
      copy[i].setAttribute("data-toggle", "tooltip");
      copy[i].setAttribute("data-original-title", "点击复制");
      copy[i].addEventListener("click", copyOperation);
    };
    function copyOperation() {
      var oInput = document.createElement("input");
      let text = this.innerText;
      text = text.match(reg).join("");
      oInput.value = text;
      document.body.appendChild(oInput);
      oInput.select();
      document.execCommand("Copy");
      oInput.className = "oInput";
      oInput.style.display = "none";
      this.setAttribute("data-original-title", "已复制");
    };
};

这里再套个点击复制密码功能吧!

结语

老规矩!评论拿资源,这里拿解压密码!

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞18赞赏 分享
评论 共93条
头像
欢迎提交您的评论,共创文明良好交流环境,请勿提交违规言论!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像小帅0