载入中...

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

Partner 站长学院 2020-09-13 热度 641℃ 收藏 本文共899个字,预计阅读时间需要3分钟。

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

第一种:最原始的

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

<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、源码安装、模板安装(一般 ¥50-300)服务答疑仅限会员用户
    3、单价超过200元的模板即可以免费一次安装,需提供服务器信息
    付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
    2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
    3、服务器环境配置安装(一般 ¥50-300)
    4、网站中毒处理(需额外付费,500元/次/质保三个月)
    售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
    免责声明提示 本站所提供的资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: [email protected]),我们会及时删除,给您带来的不便,我们深表歉意!

低至 ¥89 元/年 爆款产品限时抢

阿里云*云小站 | 上云优惠聚集地 | 领取限量云产品优惠

立即抢购

快捷登陆, 即可下载,建议使用QQ登录