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

来源:用户投稿 收藏

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

第一种:最原始的

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


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

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

下面是源码,要加载sweetalert




  window.onload = function(){
    document.body.oncopy = function() {
    swal("复制成功!", "小二胡工作室提醒您:若要转载请保留原文链接,谢谢合作!","success");
        };
    }

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

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


//layer自己去官网下载就可以
 
    document.body.oncopy = function() {layer.msg('复制成功,小二胡工作室提醒您:若要转载请务必保留出处!');};



免责声明:1.凡本站注明“来源:XXX(非小二胡工作室)”的作品,均转载自其它媒体,所载的文章、图片、音频视频文件等资料的版权归版权所有人所有,如有侵权,请联系xiaoerhu#88.com处理;2.凡本站转载内容仅代表作者本人观点,与小二胡工作室无关。
0 条评论

网友留言