Typecho复制弹窗提示

前言

现在还是在准备期末考试,嘿嘿,抽空写文章,(复习是不可能复习的,这辈子都不会复习)

正文

最近发现一个很好看的web弹窗层插件!而且宝塔面板的弹窗层也是这个,简单,方便,易用!而且拓展性高!我就在想能不能做个弹窗来提示copy的“不法分子”加上版权呢!

步骤一

引入layer的js文件,然而我发现各大cdn静态文件加速平台都没有最新版的,我就很郁闷了,而且官网的layer文件并不支持https所以我放到了我的cdn里,你们可以到官网下载,或者直接使用我下载的哦(阿里云cdn提供服务)

在模板目录的headre.php文件中引入layer资源文件,代码如下

<script src="https://cdn.staticfile.org/layer/2.3/layer.js"></script>

如果你是handsome主题,可以加在开发者设置中的
自定义输出body 尾部的HTML代码

并且在自定义 JavaScript中添加

document.body.oncopy = function() {layer.msg('复制成功,若要转载请务必保留原文链接!');};

就完成了!
效果图如下

友情链接

http://layer.layui.com/
一个可以让你想到即可做到的JavaScript弹窗(层)解决方案

https://www.ihewro.com/archives/489/
handsome主题 —— 一如少年般模样

Last modification:February 17th, 2019 at 05:04 pm
If you think my article is useful to you, please feel free to appreciate

10 comments

  1. Qicloud

    可以可以

    1. XSY
      @Qicloud

      嘿嘿

  2. 初夏阳光

    好的,学到了。嘻嘻嘻(♡˙︶˙♡)

    1. XSY
  3. callG

    复制提示oncopy在你直接按Ctrl+C的,没有选择复制什么的时候也会触发,这个有什么办法。。。

    1. XSY
      @callG

      我知道啊,这有啥影响吗

      1. callG
        @XSY

        emmmm可能是我有强迫症吧

        1. XSY
          @callG

  4. Ryan

    评论框图片和这个复制提示偷走了

    1. admin
      @Ryan

      哈哈~

Leave a Comment