首页
统计
关于
友情链接
更多
免责声明
推荐
咔咔工具箱
咔咔导航
BBR
Search
1
在线Q绑查询手机号、微博查询手机号 api接口 – XApi
11,000 阅读
2
完整的chatgpt商业版源码
2,924 阅读
3
超级好看的chatgpt商业化完整版本 带搭建教程
2,250 阅读
4
Chatbot UI-开源AI聊天用户界面 免翻使用ChatGPT 支持GPT-4
2,045 阅读
5
各省市内外高速交通摄像头实时监控视频 假期实时路况
1,790 阅读
❤️ 生命·生活·书
📕 学无止境
🎵音乐分享
▶️ 影视资源
🚀 软件游戏
📁 源码分享
☸ ChatGPT
☁ VPS推荐
登录
Search
标签搜索
源码
软件
ChatGPT
电影
vps
音乐
分享
模版
心情
教程
网盘
免费
游戏
Linux
特效
CDN
IDM
工具
AI
主题
咔咔猪
累计撰写
481
篇文章
累计收到
465
条评论
首页
栏目
❤️ 生命·生活·书
📕 学无止境
🎵音乐分享
▶️ 影视资源
🚀 软件游戏
📁 源码分享
☸ ChatGPT
☁ VPS推荐
页面
统计
关于
友情链接
免责声明
推荐
咔咔工具箱
咔咔导航
BBR
搜索到
39
篇与
的结果
2023-04-19
使用c3动画给自己网站添加一个动态闪光logo
logo盒子的类名改成自己的就行/*首先我们需要给logo的盒子设置相对定位,设置宽高,并超出部分隐藏*/ .logo{ position: relative; width: 360px; height: 60px; overflow: hidden; }在元素之前添加一个新内容/*表示在元素之前添加一个新内容*/ .logo :before { content: ""; /*添加绝对定位属性*/ position: absolute; top: 0; /*自行设置闪光的宽高*/ width: 160px; height: 15px; /*设置旋转角度*/ transform: rotate(-45deg); /*设置颜色与透明度,.5表示透明度为50%*/ background: rgba(255, 255, 255, .5); /*使用c3动画,1s代表一秒执行完,0s表示不延迟,linear表示执行效果由慢到快,infinite表示循环播放*/ animation: logogif 1s 0s linear infinite; } /*下面是设置动画关键帧,从开始到结束的位置,可根据自己的图宽度设置*/ @keyframes logogif { 0% { left: 0px; } 100% { left: 360px; } }第二种 完整代码<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <style> .logo-site,.logo-sites { position: relative; float: left; margin: 18px 0 0 5px; max-height: 50px; overflow: hidden } .logo-site img,.logo-sites img { width: auto; max-height: 50px } .logo-small img { float: left; width: 45px; max-height: 45px; margin: 2px 10px 0 0 } .clear-small { margin: 0 0 0 55px } @media screen and (max-width:1025px) { .logo-site,.logo-sites { float: none; text-align: center; margin: 5px 0 0 30px } .logo-box .logo-site,.logo-box .logo-sites { float: left; text-align: left } .logo-small { vertical-align: middle; margin: 9px 5px 0 0 } .logo-small img { float: none; width: 15px; max-height: 15px } } @keyframes searchLights { 0% { left: -100px; top: 0 } to { left: 120px; top: 100px } } .site-title { font-size: 24px; font-size: 2.4rem; font-weight: 700; padding: 0 0 2px 0 } .site-title img,.logo-small img { font-size: 0; transition-duration: .5s } .site-name { font-size: 3px!important; position: absolute; top: 0; left: 0; z-index: -1 } @media screen and (min-width:1025px) { .logo-site:before { content: ""; position: absolute; left: -665px; top: -460px; width: 250px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; -o-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite } .logo-site img,.logo-sites img { transition-duration: .5s } } </style> </head> <body > <div class="logo-site"><img width="150" src="https://pic.kuaizhan.com//g3/88/82/c450-46b7-422f-a1ab-1508d630e10715.png" alt="" /></div> </body> </html>
2023年04月19日
80 阅读
0 评论
0 点赞
2023-04-19
asp获取url参数 但是这个估计大家也用不到吧
现在用asp的人很少了 基本上没什么用了 留存一下吧asp获取URL参数<% Function GetLocationURL() Dim Url Dim ServerPort,ServerName,ScriptName,QueryString ServerName = Request.ServerVariables("") ServerPort = Request.ServerVariables("") ScriptName = Request.ServerVariables("") QueryString = Request.ServerVariables("QUERY_STRING") Url=""&ServerName If ServerPort <> "80" Then Url = Url & "" & ServerPort Url=Url&ScriptName If QueryString <>"" Then Url=Url&""& QueryString GetLocationURL=Url End Function Response.Write GetLocationURL() %>
2023年04月19日
167 阅读
0 评论
0 点赞
2023-04-19
JS获取url参数 比如?id=
复制下方代码,自定义一个公共js文件function getUrlKey (name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ''])[1].replace(/\+/g, '%20')) || null }页面引入,调用方法<script> var GetId = getUrlKey('id') var GetPage = getUrlKey('page') console.log(GetId) console.log(GetPage) </script>通过上方方法,你就可以简单获取到对应的参数,通过参数你就可以为所欲为了呀!例如 https://kkpig.cn/?id=520&page=1314 最终打印结果为 520 和 1314
2023年04月19日
87 阅读
0 评论
0 点赞
2023-04-19
JS如何实现点击复制功能,JS点击复制文本
div,p等标签不可以,建一个文本框标签,不能给display:none; 我们需要对他进行一个定位,让透明看不见找不到,点击复制,将需要复制的内容赋值给文本框,接着对文本框进行全选,在进行复制操作即可<p id="content">咔咔猪分享创造快乐-kkpig.cn</p> <textarea id="text" style="position: fixed;top: 10000px;left: 10000px;opacity: 0;"></textarea> <button id="CopyBtn">点击复制</button><script> var content = document.getElementById("content").innerText; var text = document.getElementById("text"); var CopyBtn = document.getElementById("CopyBtn"); CopyBtn.onclick = function(){ // 将需要复制的内容赋值给文本框 text.value = content; // 选中文本框的内容 text.select(); // 对选中的内容进行复制 document.execCommand("copy"); } </script>
2023年04月19日
122 阅读
0 评论
0 点赞
2023-04-19
JS截取字符串前几位或者截取字符串后几位
经常会遇到后台反的时间是‘2020-02-02 10:00:00’,页面上需要只展示年月日或者只展示时分秒,那么最简单的方法就是返回过来的值直接截取一下即可。如何截取前几位,案例如下var date = '1996-10-22 22:55:33'; var key = date.substring(0,10); console.log(key); // 打印结果:1996-10-22如何截取后几位,案例如下var date = '1996-10-22 22:55:33'; var dateLength = date.length; var key = disName.substring(dateLength-8,dateLength); console.log(key); // 打印结果:22:55:33总结substring(a,b);a 表示从第几位开始,b 表示到第几位结束,理解下来就是从 a 截取到 b 。
2023年04月19日
72 阅读
0 评论
0 点赞
2023-04-19
很多人不知道《互联网信息服务投诉平台正式发布》
投诉互联网信息服务相关的问题投诉网址:https://ts.isc.org.cn/
2023年04月19日
62 阅读
0 评论
0 点赞
2023-04-09
CMS 系统是什么?
CMS 系统是什么?CMS 系统指的是“内容管理系统”,是用来发布网络内容的一体化 Web 管理系统。CMS 系统主要有两类功能,一类是搭建网站,另一类是用来管理和发布内容。CMS 系统具有许多基于模板的优秀设计,可以加快网站开发的速度和减少开发的成本。一、关于搭建网站搭建网站是 CMS 的主要用途,大家为什么要用 CMS 来搭建?因为用 CMS 来搭建网站非常方便快捷,CMS 一般都支持模块化搭建网站,无需技术人员即可完成搭建工作,没有什么门槛,如果有搭建网站的需求,即使不是专业人士也可以在很短时间内完成,并且如果想要修改更新网站也非常容易,只需要在后台修改相关模块,确认保存后即可上线。二、关于发布和管理内容首先 CMS 通常会有一个会员系统,用来对各个用户的权限进行分级,比如超级管理员有着最高的权限,可以看到完整的后台以及使用全部功能;而编辑的权限会相对较小,只能看到和使用后台的部分功能,比如只可以编辑、修改文章以及将文章提交给主编审核等等。如果想要发布文章显示到网站上,相关人员需要在后台登录进入一个可视化的操作界面,一般会有个富文本编辑器,除了可以可视化地编辑文章,还可以插上各种图片和视频等等,更加完善一点的 CMS,还支持对文章进行分类、排序、打标签、添加文章出处、显示作者、评论区等等,当编辑保存好文章后,可以在后台统一管理,一键上传到网站。
2023年04月09日
92 阅读
0 评论
0 点赞
2023-04-06
porkbun.com 域名优惠信息(20230205)- .pro 免费注册
域名优惠是来自 porkbun ,优惠内容为免费注册 .pro 域名(原价 $16.97/年),送给有需要的小伙伴们。注册地址:https://porkbun.com/land/dot-pro-domain-name-registration获取优惠很简单,访问官方网站,正常注册下单,结算时购物车可以看到费用是 0,如果不是 0,可以输入优惠码 GODOTPRO 就可以立减 0 元购了包含:一个 .pro 域名;Whois 隐私保护;最多 20 个邮箱转发;Let's Encrypt 免费证书;DNS 和 URL 转发(需使用 Porkbun DNS);注意1、只支持新用户,老用户请自测;2、需要绑定有效付款方式方能注册,只验证不扣款;3、开通后记得在域名管理处查看是否开启了自动续费;4、只有域名是免费的,邮箱、主机等其他服务不免费,下单时注意看购物车;
2023年04月06日
139 阅读
0 评论
0 点赞
2023-04-05
制作你的动漫头像吧,Animeganv2这款软件,是国外爆火的一个二次元图片制作工具
Animeganv2这款软件,是国外爆火的一个二次元图片制作工具。软件内有非常多的素材模板,大家使用时可以简单的几步,就能把自己的照片生成喜欢的二次元图片。网站打开速度有点慢..不过AnimeGANv2 最近发布了一项更新,由社区贡献者开发,通过 Gradio 实现了一个可以在线运行的 Demo,发布在 huggingface 上。网站就是这样的:点击上传一张头像照片,然后点击Submit,就生成了二次元的头像。原图的背景尽量单一一点更好了。本站还能完美转换GIF如图:项目地址:https://huggingface.co/spaces/akhaliq/AnimeGANv2
2023年04月05日
409 阅读
0 评论
0 点赞
2023-04-02
Markdown的基本编写语法
Markdown的基本编写语法字体类型<font face="微软雅黑">咔咔猪博客</font>咔咔猪博客字体大小<font face="微软雅黑" size=5>咔咔猪博客</font> //从 1 到 7 的数字,浏览器默认值是 3咔咔猪博客字体颜色<font face="微软雅黑" color=#FF0000 size=gray>咔咔猪博客</font>咔咔猪博客文本居中<center><font face="微软雅黑" color=gray size=gray>咔咔猪博客</font></center>咔咔猪博客显示形式**这是加粗的文字** *这是倾斜的文字* ***这是斜体加粗的文字*** ~~这是加删除线的文字~~这是加粗的文字这是倾斜的文字这是斜体加粗的文字这是加删除线的文字分段和空格分段分段两种方法,空行或者 文本 例:<p>“你想我了吧?可以回我消息了吗?”</p>“你想我了吧?可以回我消息了吗?”空格文章开头空格两种方法,输入法全角敲两下 space 键,或者文章前输入    例:<p>  “你想我了吧?可以回我消息了吗?”</p> “你想我了吧?可以回我消息了吗?”下划线给文本添加下划线,例:<u>“你想我了吧?可以回我消息了吗?”</u>“你想我了吧?可以回我消息了吗?”文章截断博客文章截断<!--more-->代码块单行代码:代码之间分别用一个反引号包起来。`hello world`多行代码:代码之间分别用三个反引号包起来,且两边的反引号单独占一行。hello worldhello world图片图片分行内式和参数式![行内式图片](图片链接或路径) [参数式图片]: 图片链接或路径 //这里是![参数式图片]图片居中、宽和高!!! <center> <img src="图片链接或路径" width="宽" height="高"/></img> </center> !!! 链接链接也分行内式和参数式参数式 [主页](https://kkpig.cn/) [电子书](https://kkpig.cn/) 这里是[主页](https://kkpig.cn/),这里是[电子书](https://kkpig.cn/)这里是主页,这里是电子书引用* 咔咔猪博客分享创造快乐…… > 这话是咔咔说的 * 前方高能 > 注意:点开这个网站将有奇妙的事情发生 https://kkpig.cn/咔咔猪博客分享创造快乐……这话是咔咔说的前方高能注意:点开这个网站将有奇妙的事情发生 https://kkpig.cn/引用嵌套引用> 一级引用 >> 二级引用 >>> 三级引用 >>>> 四级引用 >>>>> 五级引用 >>>>>> 六级引用 >>>>>>> 七级引用一级引用二级引用三级引用四级引用五级引用六级引用七级引用分割线分割线可以由* - _(星号,减号,底线)这3个符号的至少3个符号表示,注意至少要3个,且不需要连续,有空格也可以。*** ---表格|表头|表头|表头| |---|:---:|---:| |内容|内容|内容| |内容|内容|内容| 第二行分割表头和内容 - 有一个就行,为了对齐,多加了几个 文字默认居左 -两边加:表示文字居中 -右边加:表示文字居右表头表头表头内容内容内容内容内容内容内容内容内容列表列表分为有序列表和无序列表,下面直接展示两种列表的写法:无序列表 * 1 * 2 * 3 - 1 - 2 - 3 + 1 + 2 + 3123123123无序列表可以用* , + , — 来创建,推荐使用 -有序列表只有这一种方式,数字后面的点只能是英文半角的点,注意,有序列表的序号是根据第一行列表的数字顺序来的,比如:有序列表 1. 列表1 2. 列表2 3. 列表3列表1列表2列表3图片表情::(呵呵) ::(哈哈) ::(吐舌) ::(太开心) ::(笑眼) ::(花心)
2023年04月02日
70 阅读
0 评论
1 点赞
2023-03-26
怎么让让p标签里文字不换行,以省略号结束
想要页面显示一行内容,简单的办法让p标签里文字不换行,以省略号结束,只需要几行css就可以实现,其余用法小伙伴们自行测试//一行 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; //两行 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;
2023年03月26日
188 阅读
0 评论
0 点赞
2023-03-23
生儿生女清宫表2023年最新版图表
生儿生女清宫表2023年最新版图表,主要民间用来推算胎儿性别的一种图表,清宫表是依据陰陽五行和八卦的演绎,再加上时间推算而得,并以此画成生男生女清宫图。图表上列出18-45岁女性在不同月份受孕,只要把自身信息与清宫表对照就能知道2023年不同月份生男孩还是生女孩,仅供参考。年龄(虚岁)怀孕月份(农历)12345678910111218岁女男女男男男男男男男男男19岁男女男女女男男男男男女女20岁女男女男男男男男男女男男21岁男女女女女女女女女女女女22岁女男男女男女女男女女女女23岁男男女男男女男女男男男女24岁男女男男女男男女女女女女25岁女男男女女男女男男男男男26岁男女男女女男女男女女女女27岁女男女男女女男男男男女男28岁男女男女女女男男男男女女29岁女男女女男男男男男女女女30岁男女女女女女女女女女男男31岁男女男女女女女女女女女男32岁男女男女女女女女女女女男33岁女男女男女女女男女女女男34岁男女男女女女女女女女男男35岁男男女男女女女男女女男男36岁女男男女男女女女男男男男37岁男女男男女男女男女男女男38岁女男女男男女男女男女男女39岁男女男男男女女男女男女女40岁女男女男女男男女男女男女41岁男女男女男女男男女男女男42岁女男女男女男女男男女男女43岁男女男女男女男女男男男男44岁男男女男男男女男女男女女45岁女男男女女女男女男女男男
2023年03月23日
381 阅读
0 评论
1 点赞
1
2
3
4