搜索到
11
篇与
的结果
-
苹果cms 不统计点击数（增加人气）的问题！ 开发模块中遇到，视频点击不增加人气，统计不到点击数的解决方法！不管怎么点击都不增加人气，人气始终为 0解决办法在头部文件加入home.js 一般集成在include.html 文件内！<script src="{$maccms.path}static/js/home.js"></script>然后在播放页加入<div style="display:none"><span class="mac_hits hits" data-mid="{$maccms.mid}" data-id="{$obj.vod_id}{$obj.art_id}{$obj.topic_id}"" data-type="hits"> </span></div>就可以正常统计人气了！！ -
使用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>
-
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() %>
-
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
-
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>
-
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 。
-
CMS 系统是什么？ CMS 系统是什么？CMS 系统指的是“内容管理系统”，是用来发布网络内容的一体化 Web 管理系统。CMS 系统主要有两类功能，一类是搭建网站，另一类是用来管理和发布内容。CMS 系统具有许多基于模板的优秀设计，可以加快网站开发的速度和减少开发的成本。一、关于搭建网站搭建网站是 CMS 的主要用途，大家为什么要用 CMS 来搭建?因为用 CMS 来搭建网站非常方便快捷，CMS 一般都支持模块化搭建网站，无需技术人员即可完成搭建工作，没有什么门槛，如果有搭建网站的需求，即使不是专业人士也可以在很短时间内完成，并且如果想要修改更新网站也非常容易，只需要在后台修改相关模块，确认保存后即可上线。二、关于发布和管理内容首先 CMS 通常会有一个会员系统，用来对各个用户的权限进行分级，比如超级管理员有着最高的权限，可以看到完整的后台以及使用全部功能;而编辑的权限会相对较小，只能看到和使用后台的部分功能，比如只可以编辑、修改文章以及将文章提交给主编审核等等。如果想要发布文章显示到网站上，相关人员需要在后台登录进入一个可视化的操作界面，一般会有个富文本编辑器，除了可以可视化地编辑文章，还可以插上各种图片和视频等等，更加完善一点的 CMS，还支持对文章进行分类、排序、打标签、添加文章出处、显示作者、评论区等等，当编辑保存好文章后，可以在后台统一管理，一键上传到网站。
-
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图片表情::(呵呵) ::(哈哈) ::(吐舌) ::(太开心) ::(笑眼) ::(花心)
-
怎么让让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;
-
使用HTML+CSS实现网页Loading加载效果，支持定时或加载完成后隐藏 网页使用loading可以给用户带来更好的体验，避免网页渲染中长时间出现网页整体空白从而影响访客的体验，loading在部分大型 APP 也有在应用。下面使用 HTML+CSS+JS 实现完整的 Loading效果。请先引入 jQuery，因为 JS 定时隐藏依赖 jq。<div class="loaderbg"> <div class="spinner"> <div class="double rect1"></div> <div class="double rect2"></div> <div class="double rect3"></div> <div class="double rect4"></div> <div class="double rect5"></div> </div> </div>loaderbg类为loading的背景色，为白色。.loaderbg { background-color: #fff; width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0; top: 0; z-index: 99999999 } ::-webkit-scrollbar-thumb { background-color: #b1b1b1; border-radius: 15px } ::-webkit-scrollbar-thumb:hover { background-color: #777 } .spinner { position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -30px; width: 50px; height: 60px; text-align: center; font-size: 10px } .spinner>.double { background: #49a9ee; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchDelay 1.2s infinite ease-in-out; animation: stretchDelay 1.2s infinite ease-in-out } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s } .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s } .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s } @-webkit-keyframes stretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(.4) } 20% { -webkit-transform: scaleY(1) } } @keyframes stretchDelay { 0%, 40%, 100% { transform: scaleY(.4); -webkit-transform: scaleY(.4) } 20% { transform: scaleY(1); -webkit-transform: scaleY(1) } }js 在这里的作用为定时或网页加载完成后关闭loaderbg类//页面加载完成之后隐藏loading $(window).load(function () { $(".loaderbg").hide(); }); //设置页面加载3 秒之后隐藏loading $(function () { setTimeout(function () { $(".loaderbg").hide(); },3000); })第一种方法是等待网页全部加载完成后再隐藏loading，但同时如果网页其他资源文件加载缓慢（如图片等），loading也会随之存在更长时间。第二中方法是设置定时隐藏loading，可以根据实际需求更改隐藏时间，默认为 3s。以上第一种方法 jquery 低版本测试正常，高版本可能会报错：ncaught TypeError: a.indexOf is not a function at r.fn.load原因是在 jQuery 3.x 中取消了 load()，将 $(window).load(function () { 替换为 $(window).on('load',function(){ 即可，如：$(window).on('load',function(){ $(".loaderbg").hide(); });同时考虑到如果用户的浏览器侧不支持 JavaScript 或者 JavaScript 被禁用，需要使用 noscript 标签，添加 display:none 属性即可，noscript 只会在浏览器环境不支持 JS 或者 JS 被禁用才会执行<noscript> <style> .loaderbg { display: none; } </style> </noscript>其实很简单去试试吧
-
影视站数据库写入缓慢处理办法 首先说一下我的服务器配置Dual Xeon E5-2670 32GB 480GB SSD Preconfig最后查了好多资料，php安装扩展如下安装完还是和原来一样没有变化，放弃继续查资料 问了ChatGPT说是升级硬件 优化数据库但都于事无补。最后将MYSQL数据库引擎MyISAM转换为InnoDB引擎解决了问题将 MyISAM 引擎转换为 InnoDB 引擎会带来以下好处：支持事务： MyISAM 引擎不支持事务，而 InnoDB 引擎支持事务。这意味着，如果您的应用程序需要进行事务管理（如银行应用程序），则应将表转换为 InnoDB 引擎。行级锁定： InnoDB 引擎支持行级锁定，而 MyISAM 引擎只支持表级锁定。这意味着，在使用 InnoDB 引擎时，多个用户可以同时访问同一表中的不同行，而不会导致锁定整个表。外键约束： InnoDB 引擎支持外键约束，而 MyISAM 引擎不支持。这使得在使用 InnoDB 引擎时可以更轻松地维护数据的完整性。索引比 MyISAM 更快：尤其是在进行大量的插入、更新、删除操作时，InnoDB 引擎的性能往往比 MyISAM 引擎更好。 可以使用缓冲池： InnoDB 引擎支持缓冲池，该缓冲池可以缓存数据和索引。这使得在使用 InnoDB 引擎时可以获得更快的读取和写入速度。 总而言之，将 MyISAM 引擎转换为 InnoDB 引擎可以提高数据库的强健性、性能和可维护性，同时提供更多功能。
