今天研究了一下js的弹窗美化下面请看图有详细注释:

这是创建元素下面要定义一个修改样式的方法:

cssobj亲前面的参数是元素然后就是增加样式了:

样式增加完成后就要把样式互相嵌套让它成为一个弹窗:

这样还没完还要添加功能不然它是不会关的:

最后效果是这样:

                                                                                               今天分享就到这里 谢谢!!!

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

 
通用教程
 
//在网页底部调用下边的两个静态文件
 
//然后添加如下代码
 

 
上面的js和css都是挂载在cdn，有强迫症的可以自己本地化一下
 
知更鸟主题教程
 
打开主题目录functions.php文件，添加以下代码
 
/*js弹窗美好*/
 
add_filter('the_content', 'old_content_message');
 
function zm_copyright_tips() {
 
echo '';
 
echo '';
 
echo '';
 
}
 
add_action( 'wp_footer', 'zm_copyright_tips', 100 );
 
注意：代码添加OK之后注意刷新网站缓存，有的站点可能有缓存，导致没有效果

简介：
 
很多emlog站长朋友网站都想设置一个杯复制文字然后弹出提醒转载保留原文链接，那么，现在就来为大家为大家分享一下EMLOG复制网站文字后提醒弹窗的美化版教程。
 
一、操作步骤
 1、打开模板文件夹中的 footer.php 文件，在最下方的css和js代码分别引入
 lt;script src=”lt;?
 php echo TEMPLATE_URL; ?
 gt;js/sweetalert.min.js”gt;lt;/scriptgt;
 lt;link rel=”stylesheet” href=”lt;?
 php echo TEMPLATE_URL; ?
 gt;css/sweetalert.css” type=’text/css’ media=’all’ /gt;
 lt;scriptgt;document.body.oncopy = function() {swal(“复制成功！”
 , “如需转载请务必保留原文链接并申明来源，谢谢合作！”
 ,”success”);};lt;/scriptgt;
 2、然后下载下方sweetalert.zip文件是css和js代码文件，上传到模板文件夹中，上传覆盖 (这个覆盖没事的)
 

 
网盘下载地址：
 
http://kekewl.org/0qPd7Bv4pay0
 

 
图片：
 

 

 
源码介绍： 
 
简单好看到爆炸，上传到根目录使用即可，一天只弹一次，使用cookie记录。
 
下载地址
 
https://download.csdn.net/download/huayula/12389434