网站添加复制时弹出对话框版权提醒

分类:技术文章 时间: 2020-06-16 20:45 浏览:0 评论:1
0

今天逛博客,偶尔发现一个给网站添加复制提示版权对话框的教程,不过给的教程有点小缺陷,所以整理了下,又结合了网上其他的教程,一块发出来,也作为自用备用!

第一种:最原始的

下面是源码,不借助任何插件。

<script type="text/javascript">
  document.body.oncopy=function(){
    alert("复制成功!小二胡工作室提醒您:若要转载请保留原文链接,谢谢合作!");
  }
</script>

第二种:对第一种的美化,前两种都是需要点确定的。

下面是源码,要加载sweetalert

<link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" />
<script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>
<script type="text/javascript">
  window.onload = function(){
    document.body.oncopy = function() {
    swal("复制成功!", "小二胡工作室提醒您:若要转载请保留原文链接,谢谢合作!","success");
        };
    }
</script>

第三种:用的layui,弹窗3秒自动消失

下面上源码,用layer就可以根据需要换弹窗样式了,比如说加个icon啥的。

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script src="layer/layer.js"></script>//layer自己去官网下载就可以
<script type="text/javascript"> 
    document.body.oncopy = function() {layer.msg('复制成功,小二胡工作室提醒您:若要转载请务必保留出处!');};
</script>


1. 本站所有资源来源于用户上传或网络,仅作为参考研究使用,如有侵权请邮件联系站长!
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
技术文章 >网站添加复制时弹出对话框版权提醒

用户评论

评论前必须
  1. #1
    很实用的代码
    未购买 chenyongguang Rank: 162周前

不要把时间用来造轮子,这里有的你拿走,保留精力用来创造!

目前为止共有 1974 位优秀的站长加入!