js复制弹窗美化

前言后语

作为站长都不希望自己原创的内容被伸手党无情的搬走,虽然我们不能阻止伸手党的行为,但是我们可以做一个提示,这样至少有一定版权认识的人看到了,都会带个原站链接,一般的js复制弹窗是不是觉得很now,这次久伴带给大家的是美化版的复制弹框,效果见本站

效果图

通用教程

//在网页底部调用下边的两个静态文件
<link href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet">
<script type='text/javascript' src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>
//然后添加如下代码
<script>document.body.oncopy = function() {swal("复制成功!", "久伴博客:若要转载请务必保留原文链接,申明来源,谢谢合作!","success");};</script>

上面的js和css都是挂载在cdn,有强迫症的可以自己本地化一下

知更鸟主题教程

打开主题目录functions.php文件,添加以下代码

/*js弹窗美好*/
add_filter('the_content', 'old_content_message');
function zm_copyright_tips() {
 echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >';
 echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>';
 echo '<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';
}
add_action( 'wp_footer', 'zm_copyright_tips', 100 );

注意:代码添加OK之后注意刷新网站缓存,有的站点可能有缓存,导致没有效果

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA赞助
共{{data.count}}人
人已赞助
4 条回复 A文章作者 M管理员
  1. 这个代码不错,搬走了

    • 好用就行

  2. 能修改为只提示一次吗?

    • 没研究过……

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索