有博友问我这博客第一次打开的欢迎信息怎么做的
话也不多说直接上代码
首先链接一下layer
弹框JS
<script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript" charset="utf-8"></script>
没有调用这JS代码不会弹框哦 可能还会影响其它JS
代码的运行
非常重要的
其次就是调用jQuery 相信大家博客应该已调用过了
没调用的可以链接一下
<script src="https://cdn.gmit.vip/blog/libs/jquery/jquery.min.js"></script>
最后把这串代码放在网站底部文件
<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那么这样就完成了
浏览器信息跟地址信息都是从接口获取的
可以更改成自己的接口哦 但是你首先得自己会改
话题结束
5 comments
你好,请教一下,使用上述内容出现跨域问题,该如何解决呢
6