首页
博客统计
微语
博客APP
友情链接
更多
精美壁纸
留言板
扶贫计划
关于博主和投稿
推荐
植物大战僵尸
网站优化
高考倒计时
小霸王游戏机
烟花模拟器
忘心主页
在线PS
Search
1
防举报——QQ打开链接跳转浏览器代码
8,252 阅读
2
中国疫情和全球疫情实时地图
7,040 阅读
3
QQ卡片实现红包强制进群代码
6,022 阅读
4
利用html写APP公告、更新的文章
5,986 阅读
5
2021年一款好看的高考倒计时源码
5,212 阅读
新闻资讯
技术教程
闲言碎语
小曲配故事
话题探讨
源码
站外篇
杂乱分享
登录
/
注册
Search
标签搜索
Typecho
代码
源码
swap
热歌推荐
话题
api
小程序
web
机器人
引流
Linux
新冠实时疫情
忘心留言箱
HTML
一言
备份
红包卡片
代刷
宝塔
忘心
累计撰写
113
篇文章
累计收到
279
条评论
首页
栏目
新闻资讯
技术教程
闲言碎语
小曲配故事
话题探讨
源码
站外篇
杂乱分享
页面
博客统计
微语
博客APP
友情链接
精美壁纸
留言板
扶贫计划
关于博主和投稿
推荐
植物大战僵尸
网站优化
高考倒计时
小霸王游戏机
烟花模拟器
忘心主页
在线PS
用户登录
登录
注册
搜索到
5
篇与
的结果
2023-01-31
html怎么添加背景图片且让图片平铺整个网页?
前言对于新手来说添加网站背景,图片不能铺满整个网页用下面方法解决。代码<style type="text/css"> body, html{ height: 100%; width:100%; } body{ background: url(图片路径) bottom center no-repeat #efeff4 ; background-size: 100% 100%; height: 100%; width:100%; } </style>把代码放入到网页中或者去掉标签放入css中
2023年01月31日
159 阅读
0 评论
0 点赞
2021-02-10
给网站添加大红灯笼代码
前言大过年的,我们也要让网站过个年不是。用代码给我们的网站加上红红的大灯笼!!!另外在此祝大家新年快乐那个过年领到红包的铁铁,可以适当资助一下博客》》》博主在新年给大家准备了一点微不足道的礼物,详情看博客置顶文章!!!介绍完全自适应,根据屏幕尺寸自动缩放灯笼大小,同时设置了灯笼的穿透功能,不会遮挡导航栏的任何功能。直接在页脚之前加下面的一段代码即可代码[hide] <head> <style> .deng-box { position: fixed; top: -40px; right: -20px; z-index: 999; pointer-events:none; } .deng-box1 { position: fixed; top: -30px; right: 30px; z-index: 999; pointer-events:none; } .deng-box2 { position: fixed; top: -30px; left: 30px; z-index: 999; pointer-events:none; } .deng-box3 { position: fixed; top: -30px; left: -20px; z-index: 999; pointer-events:none; } .deng-box3 .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 5s infinite ease-in-out; box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1); } .deng-box1 .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 5s infinite ease-in-out; box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1); } .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 3s infinite ease-in-out; box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1); } .deng-a { width: 100px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: 12px 8px 8px 8px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .deng-b { width: 45px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: -4px 8px 8px 26px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .xian { position: absolute; top: -20px; left: 60px; width: 2px; height: 20px; background: #dc8f03; } .shui-a { position: relative; width: 5px; height: 20px; margin: -5px 0 0 59px; -webkit-animation: swing 4s infinite ease-in-out; -webkit-transform-origin: 50% -45px; background: #ffa500; border-radius: 0 0 5px 5px; } .shui-b { position: absolute; top: 14px; left: -2px; width: 10px; height: 10px; background: #dc8f03; border-radius: 50%; } .shui-c { position: absolute; top: 18px; left: -2px; width: 10px; height: 35px; background: #ffa500; border-radius: 0 0 0 5px; } .deng:before { position: absolute; top: -7px; left: 29px; height: 12px; width: 60px; content: " "; display: block; z-index: 999; border-radius: 5px 5px 0 0; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng:after { position: absolute; bottom: -7px; left: 10px; height: 12px; width: 60px; content: " "; display: block; margin-left: 20px; border-radius: 0 0 5px 5px; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng-t { font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif; font-size: 3.2rem; color: #dc8f03; font-weight: bold; line-height: 85px; text-align: center; } .night .deng-t, .night .deng-box, .night .deng-box1 { background: transparent !important; } @-moz-keyframes swing { 0% { -moz-transform: rotate(-10deg) } 50% { -moz-transform: rotate(10deg) } 100% { -moz-transform: rotate(-10deg) } } @-webkit-keyframes swing { 0% { -webkit-transform: rotate(-10deg) } 50% { -webkit-transform: rotate(10deg) } 100% { -webkit-transform: rotate(-10deg) } } @media screen and (max-width: 700px) { .deng-box { right: 55px; zoom:0.45 } .deng-box1 { right: 190px; zoom:0.45 } .deng-box2 { left: 190px; zoom:0.45 } .deng-box3 { left: 55px; zoom:0.45 } } </style> <body> <!-- 灯笼1 --> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">乐</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <!-- 灯笼2 --> <div class="deng-box1"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">快</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <!-- 灯笼3 --> <div class="deng-box2"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">春</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <!-- 灯笼4 --> <div class="deng-box3"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">新</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> </body>[/hide]
2021年02月10日
2,666 阅读
2 评论
20 点赞
2020-12-02
网站显示网页加载时间代码-Typecho
前言给你的网站加一个显示加载时间;我也不知道咋想的,就是感觉加上会更好;效果图实际上你看到的会和本站有点差距,本站这是主题自带的,但功能都是一样的!代码代码放在主题文件function.php中 /** * 加载时间 */ function timer_start() { global $timestart; $mtime = explode( ' ', microtime() ); $timestart = $mtime[1] + $mtime[0]; return true; } timer_start(); function timer_stop( $display = 0, $precision = 3 ) { global $timestart, $timeend; $mtime = explode( ' ', microtime() ); $timeend = $mtime[1] + $mtime[0]; $timetotal = number_format( $timeend - $timestart, $precision ); $r = $timetotal < 1 ? $timetotal * 1000 . " ms" : $timetotal . " s"; if ( $display ) { echo $r; } return $r; }挂载代码把下方的代码放在你喜欢的位置你可以选择放在footer.php挂载代码,也可以去post.php代码隐藏内容,请前往内页查看详情
2020年12月02日
2,370 阅读
6 评论
21 点赞
2020-04-17
网站标题动态改变利用一串代码实现
我在网上看到好多网站标题动态变化,感觉挺有意思。好了废话不多说了,分享给你们;至于加在哪里就不用多说了吧!不懂的话下方评论哦!!先看下效果图:第一个为离开页面后第二个为离开页面后再返回页面时我个人感觉这个代码很有意思的隐藏内容,请前往内页查看详情
2020年04月17日
2,282 阅读
2 评论
5 点赞
2020-04-15
防举报——QQ打开链接跳转浏览器代码
防举报神器前言QQ打开链接跳转浏览器代码:自动识别是否为QQ内打开,如是将自动跳转浏览器,也可复制网址自己打开,复制下方代码加入到你的页面中就可实现。目的是为了防止QQ拦截;如有帮助到你,请记得收藏,分享,加评论。你的好评是给我最大的支持。代码点击查看代码,进行查看复制: 隐藏内容,请前往内页查看详情用法插入到你网站的核心文件处演示图
2020年04月15日
8,252 阅读
6 评论
23 点赞
首页
复制
搜索
前进
后退
重载网页
和我当邻居
给我留言吧