搜索到
101
篇与
的结果
-
一段JS实现变色文字效果 代码如下：<!-- js实现变色文字 --> <div id="blink"> <strong> <div align="left" style="text-align:center;"> 变色文字效果 </div> </strong><strong> <script language="javascript"> function changeColor(){ var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; color=color.split("|"); document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]; } setInterval("changeColor()",200); </script> </strong> </div> -
鼠标特效，增加“富强，民主，文明，和谐” 点击鼠标特效，随机闪现 "富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"。代码如下，加入到网站公共底部或顶部即可实现全站的点击特效，这个特效网上也有许多教程。其实就是一个JS，代码如下。把JS放在网站中就可以使用了。<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>1、首先使用的是立即执行函数，这个表示直接调用执行 2、然后添加了事件监听onmousemove，当鼠标移动时就执行 3、aIndex每次加1，取arr元素，你也可以写成随机来取，要放到监听外，不然每次都会置0，就只能取“民主” 4、首先使用document.createElement()来创建div元素，然后使用document.createTextNode()来创建新文本节点，参数是要插入的文本，然后将文本节点插入div，然后把div插入body 5、然后就是对一些样式的修改，对文本样式修改不要对sTxt来改，对div来改，还有zIndex表示堆叠顺序，越大越靠前 6、也设了一个定时器，380ms移除插入body的div元素，不然就会一直存在 7、如果太烦，可以将onmousemove换成onmousedown之类的事件。
-
分享2款漂亮的go链接跳转动画 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="refresh" content="{{delay}};url='{{url}}';"> <title>页面加载中,请稍候...</title> <style type="text/css">html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}body {background: #3498db;}#loader-container {width: 188px;height: 188px;color: white;margin: 0 auto;position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);border: 5px solid #3498db;border-radius: 50%;-webkit-animation: borderScale 1s infinite ease-in-out;animation: borderScale 1s infinite ease-in-out;}#loadingText {font-family: 'Raleway', sans-serif;font-size: 1.4em;position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);}@-webkit-keyframes borderScale {0% {border: 5px solid white;}50% {border: 25px solid #3498db;}100% {border: 5px solid white;}}@keyframes borderScale {0% {border: 5px solid white;}50% {border: 25px solid #3498db;}100% {border: 5px solid white;}}</style> </head> <body> <div id="loader-container"> <p id="loadingText">页面加载中...</p> </div> </body> </html><!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="refresh" content="{{delay}};url='{{url}}';"> <meta charset="utf-8"> <title>加载中</title> <script type="text/javascript"> var msg = document.title; msg = "" + msg;pos = 0; function scrollMSG() { document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++; if (pos > msg.length) pos = 0 window.setTimeout("scrollMSG()",200); } scrollMSG(); </script> <style>body{overflow:hidden;background:#666}.container{display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;animation-delay:1s}.item-1{width:20px;height:20px;background:#f583a1;border-radius:50%;background-color:#eed968;margin:7px;display:flex;justify-content:center;align-items:center}@keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(3.5)}78%,100%{opacity:0}}.item-1:before{content:'';width:20px;height:20px;border-radius:50%;background-color:#eed968;opacity:.7;animation:scale 2s infinite cubic-bezier(0,0,0.49,1.02);animation-delay:200ms;transition:.5s all ease;transform:scale(1)}.item-2{width:20px;height:20px;background:#f583a1;border-radius:50%;background-color:#eece68;margin:7px;display:flex;justify-content:center;align-items:center}@keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(3.5)}78%,100%{opacity:0}}.item-2:before{content:'';width:20px;height:20px;border-radius:50%;background-color:#eece68;opacity:.7;animation:scale 2s infinite cubic-bezier(0,0,0.49,1.02);animation-delay:400ms;transition:.5s all ease;transform:scale(1)}.item-3{width:20px;height:20px;background:#f583a1;border-radius:50%;background-color:#eec368;margin:7px;display:flex;justify-content:center;align-items:center}@keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(3.5)}78%,100%{opacity:0}}.item-3:before{content:'';width:20px;height:20px;border-radius:50%;background-color:#eec368;opacity:.7;animation:scale 2s infinite cubic-bezier(0,0,0.49,1.02);animation-delay:600ms;transition:.5s all ease;transform:scale(1)}.item-4{width:20px;height:20px;background:#f583a1;border-radius:50%;background-color:#eead68;margin:7px;display:flex;justify-content:center;align-items:center}@keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(3.5)}78%,100%{opacity:0}}.item-4:before{content:'';width:20px;height:20px;border-radius:50%;background-color:#eead68;opacity:.7;animation:scale 2s infinite cubic-bezier(0,0,0.49,1.02);animation-delay:800ms;transition:.5s all ease;transform:scale(1)}.item-5{width:20px;height:20px;background:#f583a1;border-radius:50%;background-color:#ee8c68;margin:7px;display:flex;justify-content:center;align-items:center}@keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(3.5)}78%,100%{opacity:0}}.item-5:before{content:'';width:20px;height:20px;border-radius:50%;background-color:#ee8c68;opacity:.7;animation:scale 2s infinite cubic-bezier(0,0,0.49,1.02);animation-delay:1000ms;transition:.5s all ease;transform:scale(1)}</style> </head> <body> <div class="container"> <div class="item-1"></div> <div class="item-2"></div> <div class="item-3"></div> <div class="item-4"></div> <div class="item-5"></div> </div> </body> </html>
-
http怎么做自动跳转https Apache版本如果需要整站跳转，则在网站的配置文件的标签内，键入以下内容：RewriteEngine on RewriteCond %{SERVER_PORT} !^443$ RewriteRule ^(.*)?$ https://%{SERVER_NAME}/$1 [L,R]如果对某个目录做强制跳转，则使用以下代码：RewriteEngine on RewriteBase /yourfolder RewriteCond %{SERVER_PORT} !^443$ #RewriteRule ^(.*)?$ https://%{SERVER_NAME}/$1 [L,R] RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [L,R]Nginx版本在配置80端口的文件里面，写入以下内容即可。server { listen 80; server_name localhost; rewrite ^(.*)$ https://$host$1 permanent; location / { root html; index index.html index.htm; }PHP页面跳转：添加在网站php页面内if ($_SERVER["HTTPS"] <> "on") { $xredir="https://".$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; header("Location: ".$xredir); }单独页面通用代码段：较适合指定某一个子页单独https 在需要强制为https的页面上加入以下代码进行处理http—>https<script language="JavaScript" type="text/JavaScript"> function redirect() { var loc = location.href.split(':'); if(loc[0]=='http') { location.href='https:'+loc[1]; } } onload=redirect </script>
-
一款漂亮的时光轴代码 代码如下：<meta charset="utf-8" /> <title> 说说 </title> <link rel="stylesheet" href="https://blog.hidove.cn/usr/uploads/2019/07/160653264.css" type="text/css" /> <!-- <style type="text/css"> </style> --> <ul class="cbp_tmtimeline"> <li> <time class="cbp_tmtime"> <span>2018-09-11</span></time> <div class="cbp_tmlabel"> <p> 截止 2018-09-11 号。总更新文章 77 篇，获得 N 条评论 </p> </div> </li> <li> <time class="cbp_tmtime"> <span>2018-08-30</span></time> <div class="cbp_tmlabel"> <p> 暑假结束了，开始学习了！ </p> </div> </li> <li> <time class="cbp_tmtime"> <span>2018-08-06</span></time> <div class="cbp_tmlabel"> <p> 站长工具发布！ </p> </div> </li> </ul>注意：你需要将https://blog.hidove.cn/usr/uploads/2019/07/160653264.css CSS下载放进你自己的服务器中。
-
emlog网站底部添加网站运行时间代码 直接添加网站底部合适位置即可，自动计算代码如下<span id = "runtime_span" > < /span> <script type="text/javascript"> function show_runtime(){window.setTimeout("show_runtime()",1000);X=new Date("10 / 16 / 2017 5: 22: 00 "); Y=new Date(); T=(Y.getTime()-X.getTime()); M=24*60*60*1000; a=T/M;A=Math.floor(a); b=(a-A)*24; B=Math.floor(b); c=(b-B)*60; C=Math.floor((b-B)*60); D=Math.floor((c-C)*60); runtime_span.innerHTML="本站勉强运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime(); </script>修改你建站时间Date("10/16/2017 5:22:00")
-
EMLOG程序SEO优化之URL统一 EMLOG是一个php动态语言程序，用来做网站生成的数据网址是动态地址，如果使用了伪静态功能，一个页面地址会变为很多种，例如：https://123.com/emlog/702.html #开启伪静态后的url可以访问https://123.com/?post=702 #动态地址url也可以访问https://123.com/702 #这个url也可以访问如上面的例子，这三个url网址访问的都是同一个页面，如果不做下url统一，百度收录这3个网址后，会导致重复内容，容易被百度降权甚至K了这个页面；下面进入主题，如标题说的EMLOG程序SEO优化之URL统一，一般新站一开始就做了伪静态功能，且收录的页面都是伪静态地址，那么可能你不需要做url统一的修改，但是我还是建议你修改下，对于老站来说如果之前没有使用伪静态功能，那百度收录的都是动态地址，之后使用了伪静态功能，那百度会重复收录很多重复的内容，如果不做下emlog程序url统一，后果是很严重的。如何通过修改代码来实现，如标题所说的EMLOG程序SEO优化之URL统一，其实很简单，就是在页面头部增加<link rel="canonical" href="网页权威链接" />，这样做的效果就是让百度知道这个url才是权威的网址；针对EMLOG程序的修改代码如下，请自己复制粘贴到模版文件header.php里</head>之前就可以了；很多用EMLOG程序的站长都说EMLOG收录很差，这么说是错误的，收录多少和程序没有太大的关系，关键是模版代码是否做了SEO优化、各个标签是否合理、文章是否是原创等等，还请站长们从这几点着手优化自己的网站吧。#说明：编辑器打开模版文件夹下的header.php文件 #把一下代码粘贴到</head>之前 #代码只是统一了分类url和内容url统一 #如需修改标签等的url统一请自行参考emlog模版说明 <?php if(isset($sortName)): ?> <link rel="canonical" href="<?php echo Url::sort($sortid);?>" /> <?php elseif(isset($logid)):?> <link rel="canonical" href="<?php echo Url::log($logid);?>" /> <?php else:?><?php endif;?>
-
Emlog修改默认动态链接?post=xxx的方法 此链接一经修改，原来默认的?post=xxx就会失效。比如将 http://域名/?post=1 修改为 http://域名/?sl=1第一步、在根目录文件include/lib/url.php中找到$logUrl = BLOG_URL . '?post=' . $blogId;并把其中的 post 改为 sl； 第二步、在根目录文件include/lib/option.php中找到'reg_0' => '|^.*/\?(post)=(\d+)(&(comment-page)=(\d+))?([\?&].*)?$|',并把其中的 post 改为 sl； 第三步、在根目录文件include/controller/log_controller.php中找到if ($params[1] == 'post') {并把其中的 post 改为 sl； 最后要提醒一下的是，以上三步修改的"sl"必须一致，否则会造成链接打不开。
