在前一段时间,我发布了一篇关于复制内容弹窗提醒的文章,当时使用的是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代码
中
注意,要放在广告异步推送代码之前,放在后面可能会影响加载。
<script>
function kaygb_referrer(){
var kaygb_referrer = document.referrer;
if (kaygb_referrer != ""){
return "感谢您的访问! 您来自:<br>" + document.referrer;
}else{
return "";
}}
$.message({
message: "为了网站的正常运行,请不要使用广告屏蔽插件,谢谢!<br >" + kaygb_referrer(),
title: "网站加载完成",
type: "success",
autoHide: !1,
time: "5000"
})
</script>
复制成功之后弹窗提示
将以下代码填入开发者设置 》》 自定义Javascript
中
kaygb_copy();function kaygb_copy(){$(document).ready(function(){$("body").bind('copy',function(e){hellolayer()})});var sitesurl=window.location.href;function hellolayer(){
$.message({
message: "尊重原创,转载请注明出处!<br> 本文作者:风也<br>原文链接:"+sitesurl,
title: "复制成功",
type: "warning",
autoHide: !1,
time: "15000"
})
}}
如果你开启了PJAX,那么需要在主题设置》PJAX》PJAX回调函数
一栏内填入以下函数,然后保存即可。
kaygb_copy();
独立页面或文章单独调用
此调用方式可实现在文章打开之后弹窗提示,我在我的独立页面秘密基地
中便使用了这种方式,打开页面,右上角会出现一个弹窗
使用时,只需要在文章内插入可执行代码,也就是用三个英文感叹号包裹。
!!!
<script>
$.message({
message: "这里有我的实验室,子站点,项目展示和联系方式!",
title: "欢迎来到秘密基地!",
type: "info",
autoHide: !1,
time: "10000"
})
</script>
!!!
关于弹窗时间
时间以毫秒计算,1000即代表着1秒,如果我们想让他显示十秒钟,time修改为10000即可!
12 条评论
[...]原文链接:https://blog.kaygb.com/190.html[...]
试了复制和独立页面提示的那两个,都没有成功,而且复制的那个还会让页面显示出错(/ω\)
刚才试了下,在文章内加可执行代码是OK的,但是在独立页面时光机中就没有效果,复制提示还是没成功
原来复制的那个代码要加标签,时光机独立页面的话可以直接加在cross.php中,小白终于搞定了╮(╯▽╰)╭
感谢大佬,另外succeess这里多写了一个字母e ʕ ⊃・ ◡ ・ ʔ⊃
是嘛,我修改一下,嘿嘿
更新频率不错,我好久都没更新。
百度收录上去了,保持更新也是个好习惯呐OωO
谢谢大佬分享,已经用上了, ::QQ:Y.qq3::
有帮助就好 ::tieba:Y.tb8::
这个更新频率,好评
这个回复速度,好评