有博友问我这博客第一次打开的欢迎信息怎么做的
话也不多说直接上代码
首先链接一下layer弹框JS
原文地址：https://cloud.tencent.com/developer/article/2235592
代码语言：javascript复制<script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript" charset="utf-8"></script>没有调用这JS代码不会弹框哦 可能还会影响其它JS代码的运行
非常重要的
其次就是调用jQuery 相信大家博客应该已调用过了
没调用的可以链接一下
代码语言：javascript复制<script src="https://cdn.gmit.vip/blog/libs/jquery/jquery.min.js"></script>最后把这串代码放在网站底部文件
代码语言：javascript复制<script>
$(function(){
var t = document.createElement("a");
t.href = document.referrer;
var msgTitle = t.hostname;
var name = t.hostname.split(".")[1];
if("" !== document.referrer){
switch (name) {
case 'bing':
msgTitle = '必应搜索';
break;
case 'baidu':
msgTitle = '百度搜索';
break;
case 'so':
msgTitle = '360搜索';
break;
case 'google':
msgTitle = '谷歌搜索';
break;
case 'sm':
msgTitle = '神马搜索';
break;
case 'sogou':
msgTitle = '搜狗搜索';
break;
default:
msgTitle = t.hostname;
}
};
var time = (new Date).getHours();
var msg = '';
23 < time || time <= 5 ? msg = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？":
5< time && time <= 7 ? msg = "早上好！一日之计在于晨，美好的一天就要开始了！":
7< time && time <= 11 ? msg = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！":
11< time && time <= 14 ? msg = "中午了，工作了一个上午，现在是午餐时间！":
14< time && time <= 17 ? msg = "午后很容易犯困呢，今天的运动目标完成了吗？":
17< time && time <= 19 ? msg = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~":
19< time && time <= 21 ? msg = "晚上好，今天过得怎么样？":
21< time && time <= 23 && (msg = "已经这么晚了呀，早点休息吧，晚安~");
$.ajax({
type:"get",
url:"https://api.gmit.vip/api/UserInfo",
data:{type:'json'},
async:true,
success:function(data){
layer.msg("Hi~ 来自" data.data.location '~<br/>Hi~ 从' msgTitle '来的朋友！<br/>使用 ' data.data.os "<br/>" data.data.browser ' 访问本站！' '<br/>' msg);
}
});
});
</script>ok那么这样就完成了
浏览器信息跟地址信息都是从接口获取的
可以更改成自己的接口哦 但是你首先得自己会改
话题结束
