有博友问我这博客第一次打开的欢迎信息怎么做的
话也不多说直接上代码
首先链接一下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那么这样就完成了
浏览器信息跟地址信息都是从接口获取的
可以更改成自己的接口哦 但是你首先得自己会改
话题结束

Last modification:September 22, 2022

本文标题:给博客添加欢迎信息来源

本文链接:https://blog.gumengya.com/71.html

除非另有说明,本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

声明:转载请注明文章来源。

如果觉得我的文章对你有用,请随意赞赏
双击文章内容区域可以给本文点赞哦,快来试试吧