html复制并弹窗提示已复制,如何调用handsome主题自带的弹窗提示实现复制弹窗提醒以及个性化提示...

在前一段时间，我发布了一篇关于复制内容弹窗提醒的文章，当时使用的是layer，所以它几乎适用于所有的网站，而handsome主题却拥有一个自带的弹窗提示，我们却忽略掉了。使用handsome主题的童鞋完全不需要使用layer来作为提示弹窗，使用自带的即可！

函数调用方式

通过深挖主题的js代码，我找到了调用的方式$.message({

message: "这里有我的实验室，子站点，项目展示和联系方式！",

title: "欢迎来到秘密基地！",

type: "info",

autoHide: !1,

time: "10000"

})

参数title：弹窗的标题

message：弹窗标题下方的文字

type: 弹窗类型

autoHide：默认即可

time：停留时间(毫秒，1秒为1000毫秒)

弹窗类型

由于我没有太过于深挖主题的代码，所以目前大概知道有三种弹窗类型：info

success

warning

选择自己所需要的弹窗类型，填入type即可。

调用实例

以下是目前本站所使用的调用方式：

网站加载完成并提示来路URL

将以下代码填入开发者设置》》自定义输出body 尾部的HTML代码中注意，要放在广告异步推送代码之前，放在后面可能会影响加载。

function kaygb_referrer(){

var kaygb_referrer = document.referrer;

if (kaygb_referrer != ""){

return "感谢您的访问！您来自：
" + document.referrer;

}else{

return "";

}}

$.message({

message: "为了网站的正常运行，请不要使用广告屏蔽插件，谢谢！
" + kaygb_referrer(),

title: "网站加载完成",

type: "success",

autoHide: !1,

time: "5000"

})

复制成功之后弹窗提示

将以下代码填入开发者设置》》自定义Javascript中kaygb_copy();function kaygb_copy(){$(document).ready(function(){$("body").bind('copy',function(e){hellolayer()})});var sitesurl=window.location.href;function hellolayer(){

$.message({

message: "尊重原创，转载请注明出处！
本文作者：风也
原文链接："+sitesurl,

title: "复制成功",

type: "warning",

autoHide: !1,

time: "15000"

})

}}

如果你开启了PJAX，那么需要在主题设置》PJAX》PJAX回调函数一栏内填入以下函数，然后保存即可。kaygb_copy();

独立页面或文章单独调用

此调用方式可实现在文章打开之后弹窗提示，我在我的独立页面秘密基地

中便使用了这种方式，打开页面，右上角会出现一个弹窗

使用时，只需要在文章内插入可执行代码，也就是用三个英文感叹号包裹。!!!

$.message({

message: "这里有我的实验室，子站点，项目展示和联系方式！",

title: "欢迎来到秘密基地！",

type: "info",

autoHide: !1,

time: "10000"

})

!!!

关于弹窗时间

时间以毫秒计算，1000即代表着1秒，如果我们想让他显示十秒钟，time修改为10000即可！

html复制并弹窗提示已复制,如何调用handsome主题自带的弹窗提示实现复制弹窗提醒以及个性化提示...相关推荐

已重置应用默认设置html,Win10提示已重置应用默认设置怎么办？
最近有Win10用户反映,使用PDF Viewer软件查看PDF文件的时候出现提示"已重置应用默认设置",导致PDF文件打开失败,这让用户非常苦恼.那么,Win10提示已重置应用默 ...
已重置应用默认设置html,Win10提示已重置应用默认设置怎么办？Win10已重置应用默认设置的解决方法...
Win10提示已重置应用默认设置怎么办?最近有Win10用户反映,使用PDF Viewer软件查看PDF文件的时候出现提示"已重置应用默认设置",导致PDF文件打开失败,这让用户非 ...
安装cleanmymac软件提示已损坏无法打开,如何解决？
最新安装clean my mac软件的时候提示已损坏闪退,无法打开,您应该推出磁盘映像,这种情况如何解决?这里小编为大家提供详细图文教程: 打开终端工具输入并执行如下命令对应用签名: sudo xat ...
Mac安装软件时提示已损坏的解决方法
Mac安装软件时提示已损坏的解决方法从网上下载的SecureCRT.Principle等设计软件,以及输入法等常用软件,安装时可能会提示"已损坏,移至废纸篓"这类信息,根本无法打 ...
Mac安装软件提示已损坏【已解决】
Mac安装软件时提示已损坏的解决方法从网上下载的SecureCRT.Principle等设计软件,以及输入法等常用软件,安装时可能会提示"已损坏,移至废纸篓"这类信息,根本无法打 ...
如何解决安装adobe系列软件提示已损坏无法打开的问题
最新安装adobe系列软件的时候提示已损坏,无法打开,您应该推出磁盘映像,这种情况如何解决?这里小编为大家提供详细图文教程: 视频教程: 打开终端工具输入并执行如下命令对应用签名: sudo xatt ...
安装adobe系列软件提示已损坏无法打开,如何解决？
最新安装adobe系列软件的时候提示已损坏,无法打开,您应该推出磁盘映像,这种情况如何解决?这里小编为大家提供详细图文教程: 视频教程: 打开终端工具输入并执行如下命令对应用签名: sudo xatt ...
网页在微信内无法访问提示已停止访问该网页应该怎么解决
我们在使用微信分享转发网页链接的时候,经常会碰到链接在微信内无法访问,导致无法打开网页和无法下载app的情况.通常这种情况微信会给个提示 "已停止访问该网址" ,那么导致这个情况的 ...
网页无法访问，微信内打开链接提示已停止访问该怎么解决
大家在使用微信推广的时候是不是经常都会遇到推广链接被拦截导致无法下载app的情况,此时用户在微信中打开会提示 "已停止访问该网页".这对于使用微信推广的商家来说非常不友好,而且造成 ...
ldslite是什么启动项_电脑删除文件夹时提示“已在另一个程序中打开”的解决办法...
我们在使用电脑删除某个文件夹,特别是一些程序卸载后的残留文件夹时,可能会出现"操作无法完成,因为其中的文件夹或文件已在另一个程序中打开"的弹窗提示.有些是可以在任务管理器中关闭某个 ...

html复制并弹窗提示已复制,如何调用handsome主题自带的弹窗提示实现复制弹窗提醒以及个性化提示...

html复制并弹窗提示已复制,如何调用handsome主题自带的弹窗提示实现复制弹窗提醒以及个性化提示...相关推荐

最新文章

热门文章