排行榜 统计
  • 文章总数:90 篇
  • 评论总数:39 条
  • 分类总数:5 个
  • 最后更新:11月27日

『代码』给网站添加一个复制弹出版权提醒(授人与渔)

本文阅读 2 分钟
首页 网站代码 正文

前言

最近看到其他博客复制时有一个版权提醒,然后查看教程发现他们的Js全是引用别人的

我始终认为自己的才是最好的,因为你永远说不准别人的服务器什么时候就停运了,那引用的东西也就没用了

所以授人予鱼不如授人与渔,由我来教你制作一个属于自己的弹窗提示

成果展示

提示

制作教程

一、下载Js

首先下载一个弹出层组件,然后解压放在网站的根目录

下载地址:

在这个网站下载弹出层组件,把解压后的 layer整个文件夹上传至你网站的根目录

如果你输入 你的域名/layer/layer.js能打开的话就成功了,就像下面这样

layer

当然你也可以上传到其他目录,但是你引用的时候记得修改地址

二、引用Js和设置弹窗

在你的网站所有页脚文件 footer.php插入以下两段代码

引用Js的代码:(可以放在 <head>里也可以放在 <body>里)

  <script src="你的域名/layer/layer.js"></script>

如果你懒得自己弄Js,也可以引用公共的Js,但是能用多久我不能保证(最好自己本地) 表情

  <script src="//lib.h-ui.net/layer/3.1.1/layer.js"></script>

然后再在 <body>里加入以下代码:

  <script type="text/javascript"> document.body.oncopy = function() {layer.msg('复制成功,若要转载请务必保留出处!');};</script>

保存后去清除缓存就可以了,复制时就会出现版权提示弹窗了

本文来自投稿,不代表本站立场,如若转载,请注明出处:https://bk.11awz.cn/tanchuang.html
-- 展开阅读全文 --
提振消费,从心开始,2021年 “3·15”晚会发布了这些
« 上一篇 04-23
分享几个免费申请SSL证书的网站
下一篇 » 04-23

发表评论

成为第一个评论的人

作者信息

动态快讯

换一换
    请配置好页面缩略名选项

热门文章

标签TAG

热评文章