关于博客的美化
在网上发现这个还不错,就添加到自己的博客了
效果如本博客所示
这段代码放到后台底部自定义里面即可
<!-- 客户端信息 -->
<style>
/* 元素遮罩层不遮挡下方元素的代码 */
.zz_select{
-webkit-pointer-events: none;
-moz-pointer-events: none;
-ms-pointer-events: none;
-o-pointer-events: none;
pointer-events: none;
}
</style>
<div class="zz_select" id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;"></div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kaliisra/myblogstatic/kehuduan-js/fetch.min.js"></script>
<script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript" charset="utf-8"></script>
<script>
/*网站打开提醒代码开始*/
$(function(){
if(1){
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://open.gmit.vip/web/api/UserInfo/",
async:true,
success:function(data){
window.info = data;
if(!sessionStorage.getItem('tip')){
sessionStorage.setItem('tip', 1)
layer.msg("Hi~ 来自"+ data.data.location + '~<br/>通过 '+msgTitle+' 进来的朋友!<br/>使用 '+ data.data.os +"<br/>"+ data.data.browser +' 访问本站!' + '<br/>' + msg);
}
var showFPS = (function(){
var requestAnimationFrame =
window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function(callback) {
window.setTimeout(callback, 1000/60);
};
var e,pe,pid,fps,last,offset,step,appendFps;
fps = 0;
last = Date.now();
step = function(){
offset = Date.now() - last;
fps += 1;
if( offset >= 1000 ){
last += offset;
appendFps(fps);
fps = 0;
};
requestAnimationFrame( step );
};
appendFps = function(fps){
var settings = {
timeout: 5000,
logError: true
};
$('#fps').html('<span style="float:left;">'+fps+'FPS</span><br/><span style="float:left;">'+window.info.data.os+'</span><br/><span style="float:left;margin-top:1px;">'+window.info.data.browser+'</span><br/><span style="float:left;margin-top:1px;">'+window.info.data.location+'</span><br/><span style="float:left;margin-top:1px;"></span>');
};
step();
})();
}
});
};
});
</script>
<!-- 客户端信息 end -->
如果不显示,就在头部或者尾部添加以下代码
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
转自墨染博客 https://www.roaing.com/khdxxhy.html
评论 (0)