[建站][EMLOG]网页添加复制,粘贴,错误,加载弹窗代码



如果经常逛微夏博客[vxia.net]的朋友,在复制文字的时候,会有一个弹窗,提示注明转载地址(当然,微夏也知道这事没用。。。)

QQ截图20180209174318.png


虽然提示注明转载地址的弹窗没什么用,但是微夏博客还是感谢那些及时转载文章的站长们,

给微夏博客做了免费的宣传,让更多的朋友知道了微夏博客。


虽然弹窗的用处不大,但是看着效果还是不错的。

网络中虽然有方法,但是大都是复制粘贴,具体什么用根本没有方法;

今天微夏博客就把具体的方法分享出来、同时把更多的效果都分享出来。



所有代码来源于官网:http://mishengqiang.com/sweetalert/
微夏博客收集整理,在这里仅作为演示。

先看下微夏博客的复制弹窗的方法(所需代码会打包分享给大家):

1、把静态文件 sweet-alert.css 、 sweet-alert.min.js 放到你需要的地方


2、在模板 header.php 中添加以下代码(如果是单页,直接写地址即可):


<!--复制提示开始
微夏博客 vxia.net
<?php echo TEMPLATE_URL; ?>  -> 你的模板目录
-->
<link rel="stylesheet" href="<?php echo TEMPLATE_URL; ?>style/css/sweet-alert.css" type='text/css'  />
<script src="<?php echo TEMPLATE_URL; ?>script/sweet-alert.min.js"></script>
<!--复制提示结束-->

QQ截图20180209174921.png



3、在header.php 中添加复制成功的提示代码:

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



复制弹窗文件下载地址:


[建站][EMLOG]网页添加复制,粘贴,错误,加载弹窗代码


弹窗演示地址:

http://www.vxia.net/demo/alert/



赞赏
X
赞赏方式:
  • 支付宝
  • 微信

打开支付宝扫一扫

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.vxia.net/post-1212.html

相关推荐