『原创』『代码』给网站添加一个复制弹出版权提醒(授人与渔)
Brains - 灵感乌托邦

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

六六丶
2021-03-25 / 40 评论 / 2,405 阅读 / 正在检测是否收录...
广告
温馨提示:
本文最后更新于2022年02月16日,已超过283天没有更新,若内容或图片失效,请留言反馈。

前言

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

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

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

成果展示

kzp5x4en.png

制作教程

一、下载Js

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

下载地址:

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

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

kzp32pch.png

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

二、引用Js和设置弹窗

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

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

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

如果你懒得自己弄Js,也可以引用我的Js,但是能用多久我不能保证 表情

<script src="https://www.fuuuy.cn/pages/layer/layer.js"></script>

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

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

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

Joe主题应用

如果你是使用的Joe主题,那你可以直接把两端代码放在 主题设置-设置外观-全局设置

自定义添加<head></head>里内容

16
打赏
gzh

评论 (40)

语录
图片
取消
  1. 头像
    chq
    iPhone · Safari

    我退了无关紧要的群,唯独这个群我没有退,因为这里有一个对我来说很特别的女孩子,我们不是好友,我每天只能通过群名片看看她,虽然一张照片也看不到,我也知足了,我不敢说她的名字,但我知道她是群里面最美的女孩子,她说我们这样会距离产生美~ 我想想发现她说的挺对的,我心里很开心。

    回复
  2. 头像
    叶殇珂
    Windows 10 · Google Chrome

    前天我遇见了小兔,昨天遇见了小鹿,今天则遇见了你。

    回复
  3. 头像
    555
    Windows 10 · Google Chrome

    走过一段路 回头看 原来那些痛得快要死去的事情是可以一笑而过的。

    回复
  4. 头像
    无聊の人
    Android · Google Chrome

    {"msg":"此直链不存在或已失效.","code":-1,"data":null}

    回复
  5. 头像
    无聊の人
    Android · Google Chrome

    我改一个这个总该不会出啥差错了QQ

    回复
  6. 头像
    lala
    Android · Google Chrome

    好的,谢谢大佬

    回复
  7. 头像
    lala
    Windows 10 · Google Chrome

    为啥我用idm下载的你的layer不能用QQ

    回复
    1. 头像
      六六丶 作者
      Android · Google Chrome
      @ lala

      因为你只下载了layer.js,其实他是一个组件,包含许多js文件的,等我明天发给你吧,现在确实不方便QQ

      回复
      1. 头像
        lala
        Android · Google Chrome
        @ 六六丶

        大佬,可以发给我了吗(◦˙▽˙◦)

        回复
        1. 头像
          六六丶 作者
          Windows 7 · Google Chrome
          @ lala

          不好意思,上午有点忙。
          已经更新了本地下载,你刷新就可以看到咯!

          回复
      2. 头像
        lala
        Windows 10 · Google Chrome
        @ 六六丶

        哦哦哦原来是这样啊!谢谢谢谢QQ

        回复
  8. 头像
    lala
    Windows 10 · Google Chrome

    画图

    回复
  9. 头像
    lala
    Windows 10 · Google Chrome

    能发我一个吗,感谢大佬

    回复
    1. 头像
      六六丶 作者
      Android · Google Chrome
      @ lala

      layer官网挂了,等我明天把我放在服务器的文件打包出来吧小电视

      回复
      1. 头像
        lala
        Windows 10 · Google Chrome
        @ 六六丶

        好的感谢大佬

        回复
  10. 头像
    lala
    Windows 10 · Google Chrome

    你这个弹出层下载不了了啊

    回复
  11. 头像
    lala
    Windows 10 · Google Chrome

    网上全是千篇一律的,我来这儿看看

    回复
  12. 头像
    lover
    Windows 10 · FireFox

    可以看看

    回复
  13. 头像
    12346
    Android · QQ Browser

    老北京啦啦啦

    回复
  14. 头像
    阿斯达所多撒
    Windows 7 · Google Chrome

    阿斯达所大所多撒多

    回复
  15. 头像
    阿正
    Windows 10 · QQ Browser

    试试看

    回复
  16. 头像
    初学者博客
    Windows 10 · QQ Browser

    试试看

    回复
  17. 头像
    yyds
    iPhone · Safari

    博主顶部的复制成功代码分享一下呗

    回复
    1. 头像
      六六丶 作者
      Windows 10 · Google Chrome
      @ yyds

      顶部的提示是主题自带的哦

      回复
  18. 头像
    哈哈哈
    Linux · Safari

    博主666

    回复
  19. 头像
    32652540
    Linux · Google Chrome

    博主666

    回复
  20. 头像
    32652540
    Linux · Google Chrome

    哈哈哈

    回复
文章目录