欢迎信息

首先我们需要两个js库

<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

一个是利用layer的弹框和jquery的ajax

然后把以下代码添加到首页即可

把这串代码放在网站底部文件

    <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.gqink.cn/api/v2/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>

呃呃, 差不多就完成了,不过接口不是我的,感谢梦城大佬。有能力的也可以自己做呀
示例

最后修改:2020 年 04 月 29 日 01 : 33 PM
如果觉得我的文章对你有用,请随意赞赏