WordPress纯代码实现复制文章内容弹出版权提示框功能
刚开始纯粹觉得好玩，然后弹出的界面也相当美观，加上也有不错的提醒功能，特分享给大家；
复制演示图
方法1 通过SweetAlert美化的提示框
将下面代码添加到当前主题模板函数functions.php文件最后即可：
//复制文章内容弹出版权提示框
//http://shuidl.com/1580.html
function zm_copyright_tips() {
echo \\'”stylesheet” type=“text/css” rel=“external nofollow” target=“_blank” href=“https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css” >\\’;
echo \\’“https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js”>\\’;
echo \\’\\’;
}
add_action( \\’wp_footer\\’, \\’zm_copyright_tips\\’, 100 );
目前发现的问题
以上代码无法在火狐浏览器正常运行，可能导致火狐浏览器用户无法正常复制文字，Chrome/IE可以正常运行。
方法2 简单的提示框
如果认为加载JS和CSS会影响速度，也可以直接用下面的代码，调用浏览器自带提示框，使用方法同上：
function zm_copyright_tips() {
echo \’\’;
}
add_action( \’wp_footer\’, \’zm_copyright_tips\’, 100 );
原文： http://zmingcx.com/copy-popup-tooltip.html
共有 0 条评论