首页
复制
前进
后退
刷新
友链
去留言
首页
壁纸
足迹
留言
友链
更多
摸鱼
关于
归档
推荐
音乐云任务
贴吧云签到
b站自动任务
Search
1
今日份音乐推荐,同簪 - 小时姑娘 / HITA
448 阅读
2
清明节的由来(中国传统节日)
442 阅读
3
歌曲分享-Flower Dance - DJ OKAWARI
419 阅读
4
听到好听的歌曲就“Biu”一下吧~
407 阅读
5
给你的博客加上“富强、民主、和谐”&“随机数字”鼠标点击特效
386 阅读
杂七杂八
音乐
新闻
有趣好玩
博客
Typecho美化
登录
Search
标签搜索
音乐
CSS
节日
新闻
走心
累计撰写
21
篇文章
累计收到
21
条评论
首页
栏目
杂七杂八
音乐
新闻
有趣好玩
博客
Typecho美化
页面
壁纸
足迹
留言
友链
摸鱼
关于
归档
推荐
音乐云任务
贴吧云签到
b站自动任务
搜索到
4
篇与
Typecho美化
的结果
2021-04-07
jQuery实现网页上单击时出现积分的特效
给自己的博客加上鼠标单击时显示随机数字积分的特效 代码如下,复制下方代码粘贴在自定义JS中<script> /*-------------------------------------------------*/ /* 在页面上单击时,出现积分的特效 /*-------------------------------------------------*/ jQuery(document).ready(function($) { $("html,body").click(function(e){ var n=Math.round(Math.random()*100);//随机数 var $i=$("<b/>").text("+"+n);//添加到页面的元素 var x=e.pageX,y=e.pageY;//鼠标点击的位置 $i.css({ "z-index":99999, "top":y-20, "left":x, "position":"absolute", "color":"#E94F06" }); $("body").append($i); $i.animate( {"top":y-180,"opacity":0}, 1500, function(){$i.remove();} ); e.stopPropagation(); }); }); </script>
2021年04月07日
367 阅读
0 评论
0 点赞
2021-04-05
给你的博客加上“富强、民主、和谐”&“随机数字”鼠标点击特效
给博客加上这款“富强、民主、和谐”&“随机数字”鼠标点击特效,点击出现随机文字。代码如下:<script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); var $i = $("<span/>").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, "top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", "color": "#ff6651" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); }); }); </script>放在</body>之前即可
2021年04月05日
386 阅读
0 评论
0 点赞
2021-04-03
给博客换一个个性鼠标指针
已经厌倦了默认的鼠标样式,现在给博客更换一种鼠标样式,也就是博客现在用的鼠标样式。一种是普通指针样式,一直是超链接的指针样式。复制下方代码,粘贴到主题自定义CSS中即可/**普通指针**/ body{ cursor:url(https://cdn.jsdelivr.net/gh/xb2016/kratos-pjax@0.4.4/static/images/cursor.cur),default; } /**链接指针**/ a:hover{ cursor:url(https://cdn.jsdelivr.net/gh/xb2016/kratos-pjax@0.4.4/static/images/pointer.cur),pointer; }
2021年04月03日
145 阅读
0 评论
0 点赞
2021-04-03
进入博客弹出进站欢迎词并且右下角显示本机信息
关于博客的美化在网上发现这个还不错,就添加到自己的博客了效果如本博客所示这段代码放到后台底部自定义里面即可<!-- 客户端信息 --> <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
2021年04月03日
121 阅读
0 评论
0 点赞