制网站文字时弹出版权提示框-美化版本

看到很多网站都有这个功能,自己网站自然不能落后,所以也就加上了。

辛辛苦苦做的原创内容轻轻松松就被拿走了?快乐使用这串代码就可以实现了。加入后复制文章内容时弹出版权提示,提醒转载注明文章出处的小功能。具体可以复制内容,参考本站效果,有多个版本,自己选择。

复制网站文字时弹出版权提示框-美化版本插图
下图为美化提示框:

一,原生js版本

这个就是单纯的用原生js下的一个函数,不依靠第三方库,但过于简单,显示效果不是很好。

 

二,css js动态美化弹窗提示版

1,在网页head头部引入css和js插件库

<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" target="_blank" rel="external nofollow" >';
<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>;

2,加入插件提供的函数调用,放在网页头部,或者</body>上面都行。

<script>document.body.oncopy = function() { 
swal("复制成功!", "转载请务必保留原文链接,申明来源程序猿,谢谢合作!!","success");};</script>;

 

欢迎加入程序猿大家庭(QQ群)~~~

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
点赞15 分享
评论 共1条

请登录后发表评论