logo添加闪光效果css #引用# <div class="logo">内容<div> /**logo闪光效果CSS**/ .logo:before { content: ""; position: absolute; width: 140px; height: 10px; background-color: rgba(255, 255, 255, 0.5); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: blink 1s ease-in 1s infinite; animation: blink 1s ease-in 1s infinite; } @-webkit-keyframes blink { from {left: 10px;top: 0;} to {left: 320px;top: 0;} } @-o-keyframes blink { from {left: 10px;top: 0;} to {left: 320px;top: 0;} } @-moz-keyframes blink { from {left: 10px;top: 0;} to {left: 320px;top: 0;} } @keyframes blink { from {left: -100px;top: 0;} to {left: 320px;top: 0;} }

emlog评论添加相应vip图标 首先在module.php中添加以下代码：<?php function echo_levels($comment_author_email,$comment_author_url){ $DB = MySql::getInstance(); global $CACHE; $user_cache = $CACHE->readCache('user'); $adminEmail = '"'.$user_cache[1]['mail'].'"'; if($comment_author_email==$adminEmail) { echo '<a class="vip" title="管理员认证"></a><a class="vip7" title="特别认证"></a>'; } $sql = "SELECT cid as author_count,mail FROM ".DB_PREFIX."comment WHERE mail != '' and mail = $comment_author_email and hide ='n'"; $res = $DB->query($sql); $author_count = mysql_num_rows($res); if($author_count>=2 && $author_count<10 && $comment_author_email!=$adminEmail) echo '<a class="vip1" title="路过酱油 LV.1"></a>'; else if($author_count>=10 && $author_count<20 && $comment_author_email!=$adminEmail) echo '<a class="vip2" title="偶尔光临 LV.2"></a>'; else if($author_count>=20 && $author_count<40 && $comment_author_email!=$adminEmail) echo '<a class="vip3" title="常驻人口 LV.3"></a>'; else if($author_count>=40 && $author_count<80 && $comment_author_email!=$adminEmail) echo '<a class="vip4" title="以博为家 LV.4"></a>'; else if($author_count>=80 &&$author_count<160 && $comment_author_email!=$adminEmail) echo '<a class="vip5" title="情牵小博 LV.5"></a>'; else if($author_count>=160 && $author_coun<320 && $comment_author_email!=$adminEmail) echo '<a class="vip6" title="为博终老 LV.6"></a>'; else if($author_count>=50 && $author_coun<60 && $comment_author_email!=$adminEmail) echo '<a class="vip7" title="三世情牵 LV.7"></a>'; } ?>调用代码：<?php $mail_str="\"".strip_tags($comment['mail'])."\"";echo_levels($mail_str,"\"".$comment['url']."\"");?> 在css添加以下代码： .vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background: url(../images/vip.png) no-repeat;display: inline-block;overflow: hidden;border: none;}.vip{background-position:-494px -3px;width: 16px;height: 16px;margin-bottom: -3px;}.vip:hover{background-position:-515px -22px;width: 16px;height: 16px;margin-bottom: -3px;}.vip1{background-position:-1px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip1:hover{background-position:-1px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip2{background-position:-63px -2px;width: 46px;height: 14px;margin-bottom: -1px;} .vip2:hover{background-position:-63px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip3{background-position:-144px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip3:hover{background-position:-144px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip4{background-position:-227px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip4:hover{background-position:-227px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip5{background-position:-331px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip5:hover{background-position:-331px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip6{background-position:-441px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip6:hover{background-position:-441px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip7{background-position:-611px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip7:hover{background-position:-611px -22px;width: 46px;height: 14px;margin-bottom: -1px;}把以下vip.png复制到images文件夹：

给网页HTML添加访问密码才能访问 其实加一段JS就可以！这段JS代码加在body和/body中间位置即可，推荐使用第一种方法，更加简洁一些。方法一 <script type="text/javascript"> loopy() function loopy() { var sWord ="" while (sWord != "123456") {//设置密码 sWord = prompt("输入正确密码才能登陆!") } alert("欢迎访问") } </script> 方法二 <script type="text/javascript"> function password() { var testV = 1; var pass1 = prompt('请输入密码',''); while (testV < 3) { if (!pass1) history.go(-1); if (pass1 == "123456") {//设置密码 alert('密码正确'); break; } testV+=1; var pass1 = prompt('密码错误!请重新输入:'); } if (pass1!="password" & testV ==3) history.go(-1); return " "; } document.write(password()); </script> 方法三 <script type="text/javascript"> function password() { var testV = 1; var pass1 = prompt('请输入密码:',''); while (testV < 3) { if (!pass1) history.go(-1); if (pass1 == "123456") {//设置密码 alert('口令正确，进行跳转'); window.location.href="http://www.123.com/";//添加你要跳转的页面 break; } testV+=1; var pass1 = prompt('密码错误',''); } if (pass1!="password" & testV ==3) history.go(-1); return " "; } document.write(password()); </script>

一段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下载放进你自己的服务器中。