JS鼠标点击特效 效果鼠标每点击网站页面一次，就会弹出一行文字，效果如下：代码实现{card-describe title=" "}打开footer.php，在/body前插入如下代码{/card-describe}<!--鼠标点击特效--> <script type="text/javascript"> jQuery(function () { $("html").click(function(e) { var a_idx = Math.floor((Math.random() * 30));/*鼠标点击随机出现一句话，代码数字请与添加的短句数量相一致*/ var a = new Array( "希望全世界停电 我可以偷偷跑去亲你", "我会爱你很久很久","我在贩卖日落 你像神明一样将阳光撒向我","陪伴本身就是这个世界上最了不起的安慰方式", "嘿，我是一朵云ლ(⁰⊖⁰ლ)", "❤" ,"陪你把岁月熬成清酒 陪你把孤夜熬成温柔","❤","月光下邂逅的是爱情和你","祝眉目舒展 顺问冬按","只想拥你入怀","这个世界乱糟糟的 而你干干净净","日月星辰之外 你是第四种难得","我会在每个有意义的时刻 远隔山海与你共存","山脚下遇见的你 我们山顶见","想试试在你迎面跑来一把抱住你的感觉","在生命里的旅程里 遇见你真好","如果不曾遇见 岂知生命如何","❤" ,"想和你一起走过下雪后的天","在我贫瘠的土地上你是最后的玫瑰","今晚月色很美呢","r=a(1-sinθ)","天青色等烟雨 而我在等你","你是我这一生等了半世未拆的礼物","你养我 我养你 两人爱情甜蜜蜜","人的一生会遇见两个人 一个惊艳了时光 一个温柔了岁月","你不用多好，我喜欢就好","愿有岁月可回首 且以深情共白头" );/*请在此添加句子*/ var color1 = Math.floor((Math.random() * 255)) var color2 = Math.floor((Math.random() * 255)); var color3 = Math.floor((Math.random() * 255)); var $i = $("<span />").text(a[a_idx]); var x = e.pageX, y = e.pageY; $i.css({ "z-index": 9999999999999 , "top": y - 20, "left": x, "position": "absolute", "font-family":"mmm", "fontSize":Math.floor((Math.random() * 5)+10),/*文字大小在10px到15px之间*/ "font-weight": "bold", "color": "rgb("+color1+","+color2+","+color3+")",/*随机颜色*/ "-webkit-user-select":"none", "-moz-user-select":"none", "-ms-user-select":"none", "user-select":"none", }); $("body").append($i); $i.animate({ "top": y - 200, "opacity": 0 }, 3000,/*句子悬浮时间*/ function() { $i.remove(); }); }); }); </script>

网站添加下雪特效 代码实现{card-describe title=" "}将下面代码插入到head.php或者footer.php中，在body内添加。{/card-describe}<script src="https://pt.pyrroleach.com/js/snowy.js"></script> <style type="text/css"> .snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;} </style> <div class="snow-container"></div>代码下载隐藏内容，请前往内页查看详情增加鼠标互动效果{card-describe title=" "}方法同样是在在前添加一段JavaScript代码，如下：{/card-describe}<canvas id="Snow"></canvas> <script> if(true){ (function() { var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60); }; window.requestAnimationFrame = requestAnimationFrame; })(); (function() { var flakes = [], canvas = document.getElementById("Snow"), ctx = canvas.getContext("2d"), flakeCount = 200, mX = -100, mY = -100; canvas.width = window.innerWidth; canvas.height = window.innerHeight; function snow() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (var i = 0; i < flakeCount; i++) { var flake = flakes[i], x = mX, y = mY, minDist = 150, x2 = flake.x, y2 = flake.y; var dist = Math.sqrt((x2 - x) * (x2 - x) + (y2 - y) * (y2 - y)), dx = x2 - x, dy = y2 - y; if (dist < minDist) { var force = minDist / (dist * dist), xcomp = (x - x2) / dist, ycomp = (y - y2) / dist, deltaV = force / 2; flake.velX -= deltaV * xcomp; flake.velY -= deltaV * ycomp; } else { flake.velX *= .98; if (flake.velY <= flake.speed) { flake.velY = flake.speed } flake.velX += Math.cos(flake.step += .05) * flake.stepSize; } ctx.fillStyle = "rgba(255,255,255," + flake.opacity + ")"; flake.y += flake.velY; flake.x += flake.velX; if (flake.y >= canvas.height || flake.y <= 0) { reset(flake); } if (flake.x >= canvas.width || flake.x <= 0) { reset(flake); } ctx.beginPath(); ctx.arc(flake.x, flake.y, flake.size, 0, Math.PI * 2); ctx.fill(); } requestAnimationFrame(snow); }; function reset(flake) { flake.x = Math.floor(Math.random() * canvas.width); flake.y = 0; flake.size = (Math.random() * 3) + 2; flake.speed = (Math.random() * 1) + 0.5; flake.velY = flake.speed; flake.velX = 0; flake.opacity = (Math.random() * 0.5) + 0.3; } function init() { for (var i = 0; i < flakeCount; i++) { var x = Math.floor(Math.random() * canvas.width), y = Math.floor(Math.random() * canvas.height), size = (Math.random() * 3) + 2, speed = (Math.random() * 1) + 0.5, opacity = (Math.random() * 0.5) + 0.3; flakes.push({ speed: speed, velY: speed, velX: 0, x: x, y: y, size: size, stepSize: (Math.random()) / 30 * 1, step: 0, angle: 180, opacity: opacity }); } snow(); }; document.addEventListener("mousemove", function(e) { mX = e.clientX, mY = e.clientY }); window.addEventListener("resize", function() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }); init(); })(); } </script> <style> #Snow{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(125,137,95,0.1); pointer-events: none; } </style>

网站实现樱花飘落效果 效果展示代码实现{card-describe title=" "}将js文件插入到到head.php或者footer.php中{/card-describe}<script src="/js/yinghua.js"></script>代码下载隐藏内容，请前往内页查看详情

迎新年-挂灯笼-JS 过年的时候为了增加喜庆可以为网站顶部添加灯笼.效果代码实现{card-describe title="卡片描述"}打开footer.php，在body中插入如下代码：{/card-describe}<!--灯笼--> <link rel="stylesheet" href="https://cdn.txykoke.cn/typecho/css/denglong.css"> <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> <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> <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> <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> <style type="text/css">.deng-box { position: fixed; top: -40px; right: -20px; z-index: 9999; pointer-events: none } .deng-box1 { position: fixed; top: -30px; right: 10px; z-index: 9999; pointer-events: none } .deng-box2 { position: fixed; top: -40px; left: -20px; z-index: 9999; pointer-events: none } .deng-box3 { position: fixed; top: -30px; left: 10px; z-index: 9999; pointer-events: none } .deng-box1 .deng, .deng-box3 .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, .8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 5s infinite ease-in-out; box-shadow: -5px 5px 30px 4px #fc903d } .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, .8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 3s infinite ease-in-out; box-shadow: -5px 5px 50px 4px #fa6c00 } .deng-a { width: 100px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, .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, .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: orange; 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: orange; 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: orange; background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #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: orange; background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #dc8f03) } .deng-t { font-family: 华文行楷, Arial, Lucida Grande, Tahoma, sans-serif; font-size: 3.2rem; color: #dc8f03; font-weight: 700; line-height: 85px; text-align: center } .night .deng-box, .night .deng-box1, .night .deng-t { background: 0 0 !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) } }</style> 年 新 乐 快

Vim编辑器与Shell命令脚本 vi/vim编辑器vim编辑器有颜色，vi编辑器没有默认打开：命令模式编辑模式： i，a，o末行模式：命令作用:w保存:q退出:q!强制退出（放弃对文档的修改内容）:wq!强制保存退出:set nu显示行号:set nonu不显示行号:命令执行该命令:整数跳转到该行:s/one/two将当前光标所在行的第一个one替换成two:s/one/two/g将当前光标所在行的所有one替换成two:%s/one/two/g将全文中的所有one替换成two?字符串在文本中从下至上搜索该字符串/字符串在文本中从上至下搜索该字符串使用vim配置网卡信息进入到网卡配置文件所在的目录，然后编辑网卡配置文件，在其中填入下面的信息：[root@linuxprobe ~]# cd /etc/sysconfig/network-scripts/ [root@linuxprobe network-scripts]# vim ifcfg-ens160 TYPE=Ethernet BOOTPROTO=static NAME=ens160 ONBOOT=yes IPADDR=192.168.10.10 NETMASK=255.255.255.0 GATEWAY=192.168.10.1 DNS1=192.168.10.1执行重启网卡设备的命令，然后通过ping命令测试网络能否连通。systemctl restart network nmcli connection reload ens160 ping 192.168.10.10Shell命令脚本1、 交互式（Interactive）：用户每输入一条命令就立即执行。2、批处理（Batch）：由用户事先编写好一个完整的Shell脚本，Shell会一次性执行脚本中诸多的命令。脚本声明 #!/bin/bash脚本注释 #txykoke.cn编写脚本命令 ls pwd #!/bin/bash #txykoke.cn编写 echo "$0" 脚本名称 echo "$#" 总共接受了几个参数 echo "$*"参数分别是什么 echo "$1,$2,$5" 接收到第1个第3个第5个的参数 [root@txykoke koke]# bash haha.sh a b c d e f haha.sh 6 a b c d e f a,b,e [root@txykoke koke]# 测试语句格式：[ 条件表达式 ] （两边均有一个空格）文件测试所用的参数操作符作用-d测试文件是否为目录类型-e测试文件是否存在-f判断是否为一般文件-r测试当前用户是否有权限读取-w测试当前用户是否有权限写入-x测试当前用户是否有权限执行判断是否是目录#如果返回值为0，则目录存在；如果返回值为非零的值，则意味着它不是目录，或这个目录不存在 [ -d /etc/koke ] echo $?#判断/dev/cdrom文件是否存在，若存在则输出Exist字样。 [ -e /dev/cdrom ] && echo "Exist"#判断用户是否不是管理员账户，不是管理员账号账户则输出root [ ! $USER = root ] || echo "root"#先判断当前用户是否root,然后!取反，如果当前不是root用户，则输出user,反之输出root [ ! $USER = root ] && echo "user" || echo "root"Tips&&是逻辑“与”，只有当前面的语句执行成功的时候才会执行后面的语句。||是逻辑“或”，只有当前面的语句执行失败的时候才会执行后面的语句。!是逻辑“非”，代表对逻辑测试结果取反值；之前若为正确则变成错误，若为错误则变成正确。整数比较运算符操作符作用-eq是否等于-ne是否不等于-gt是否大于-lt是否小于-le是否等于或小于-ge是否大于或等于#创建一个变量num 如果10大于num成立 则输出0 num=100; [ 10 -gt $num ] echo $?#判断当前服务器内存，并设置警告值 FreeMem=`free -m |grep Mem: |awk '{print$4}'` [ $FreeMem -lt 300 ] && echo "内存告急：小于300m,请检查/升级配置"|| echo "内存余量正常" 常见的字符串比较运算符操作符作用=比较字符串内容是否相同!=比较字符串内容是否不同-z判断字符串内容是否为空#接下来通过判断FreeMem变量是否为空值，进而判断是否定义了这个变量： [ -z $FreeMem ] echo $? [ -z $LANG ] echo $?流程控制语句if条件测试语句#!/bin/bash #测试主机是否在线 read -p "请输入您的ip地址：" ip ping -c 3 -i 0.2 -W 3 $ip &> /dev/null if [ `echo $?` -eq 0 ];then echo "地址 $ip 是在线的" else echo "地址 $ip 是不在线的" fi#创建成绩表 a.txt 张三 40 李四 89 koke 60 亚男 59#!/bin/bash #判断学生学习成绩1 read -p "Enter your score（0-100）：" GRADE if [ $GRADE -ge 85 ] && [ $GRADE -le 100 ] ; then echo "$GRADE is Excellent" elif [ $GRADE -ge 70 ] && [ $GRADE -le 84 ] ; then echo "$GRADE is Pass" else echo "$GRADE is Fail" fifor条件循环语句#!/bin/bash #判断学生学习成绩2 read -p "请输入您的姓名：" Result echo "请稍等，正在查询您的成绩" sleep 1 #备份旧的IFS变量 OLDIFS="IFS" #修改分隔符为换行符 IFS=$'\n' #文件行数 n=`wc -l a.txt|awk '{print$1}'` #循环次数 s=0 for name in `cat a.txt` do s=`expr $s + 1` if [ `echo $name |awk '{print$1}'` = `echo $Result` ] then echo "您的成绩是："`echo $name |awk '{print$2}'`"分" #记录分数到num num=`echo $name |awk '{print$2}'` sleep 1 if [ $num -ge 85 ]&& [ $num -le 100 ];then echo "您的评级：优秀" break elif [ $num -ge 70 ] && [ $num -le 84 ];then echo "您的评级：良好" break elif [ $num -ge 60 ] && [ $num -le 69 ];then echo "您的评级：合格" break elif [ $num -lt 60 ] && [ $num -ge 0 ];then echo "您的评级：不合格" break else echo "查询到成绩不合法" break fi elif [ $s -eq $n ]&&[ `echo $name |awk '{print$1}'` != `echo $Result` ];then echo "未匹配到您输入的姓名，请检查" fi done #还原IFS变量 IFS="$OLDIFS"#创建用户名表 vim users.txt andy barry carl duke eric george#!/bin/bash #批量创建用户 read -p "请输入你的密码：" PASSWD for UNAME in `cat user.txt` do id $UNAME $> /dev/null if [ $? -eq 0 ];then echo "$UNAME ,用户已经存在" else useradd $UNAME echo "$PASSWD"|PASSWD ==stdin $UNAME &>/dev/null echo "$UNAME，用户创建成功" fi done#!/bin/bash #批量检测IP地址是否在线 #创建ip地址文件：ipaddr.txt Host=`cat ipaddr.txt` touch online.txt &> /dev/null for IP in $Host do ping -c 1 $IP &> /dev/null if [ $? -eq 0 ];then echo $IP >> online.txt else echo "$IP 不在线" fi done echo "在线IP：" cat online.txt自己做的一个小脚本#!/bin/bash #经过一些if语句和for循环查询学习,做了这个将疑似DDOS攻击的ip地址加入黑名单， #只需要简单设置自己服务器IP以及IP的访问量，就可以一键运行并自动拉黑。 # 判断是否安装了nload if ! type nload >/dev/null 2>&1 then echo "nload 未安装" yum install nload -y echo "nload 已经安装完成" else echo 'nload 已安装' fi #判断文件是否存在 file="file.txt" if [ ! -e $file ] then echo "文件不存在" touch file.txt sleep 2 echo "文件已创建" else echo "文件已经存在" fi #备份旧的IFS变量 OLDIFS="IFS" #修改分隔符为换行符 IFS=$'\n' touch blacklist.txt >> /dev/null touch black.txt >> /dev/null #将ip信息存入file.txt netstat -ntu|awk '{print $5}'|cut -d: -f1 -s|sort|uniq -c|sort -nk1 -r|sed 's/[\t ]\+/ /g' |sed '/81.68.172.160/'d |sed '/127.0.0.1/'d>file.txt #遍历文件ip for ip in `cat file.txt` do #将取出的ip占有量 临时存放给变量num num=`echo $ip | awk '{print $1}'` #如果ip占有量超过20 if [ $num -gt 20 ] then #则将ip进行显示 echo $ip | awk '{print $2}' #将ip加入黑名单 blacklist=`echo $ip | awk '{print $2}' ` iptables -I INPUT -s $blacklist -j DROP echo $blacklist >> blacklist.txt echo $blacklist >> black.txt fi done #cat blacklist.txt|sed -e '/^$/d' > blacklist.txt #cat black.txt|sed -e '/^$/d' > black.txt if [ -s blacklist.txt ];then echo "黑名单列表：" cat blacklist.txt echo "可疑ip已加入黑名单" echo "本脚本加入的黑名单可查看black.txt文件" else echo "机器目前状态良好" fi rm -rf blacklist.txt IFS="$OLDIFS" #还原IFS变量#!/bin/bash #判断用户，并且批量创建 read -p "请输入您要设置的用户名的密码：" PASSWD for UNAME in `cat user.txt` do id $UNAME &> /dec/null if [ $? -eq 0 ];then echo "用户$UNAME已经存在" else useradd $UNAME &> /dev/null echo "$PASSWD"|passwd --stdin $UNAME &> /dev/null fi done#!/bin/bash #遍历局域网ip,并测试是否在线 str="10.10.1." for ip in {200..220} do ping -c1 -w1 $str$ip &> /dev/null if [ $? -eq 0 ];then echo "$str$ip 是在线的" fi donewhile条件循环语句#!/bin/bash #while 语句编写猜数字 #取100以内的随机数 RDOM=$(expr $RANDOM % 1000) #猜的数字的次数 sum=0 echo "------猜数字小游戏------" while true do read -p "请输入一个1000以内的数字：" NUM let TIMES++ expr $NUM + 1 &> /dev/null if [ $? != 0 ];then echo "输入有误,请重新输入" elif [ $NUM -gt 1000 ];then echo "请输入小等于1000的数字。" elif [ $NUM -lt 0 ];then echo "请输入大于等于0的数字。" elif [ $NUM -eq $RDOM ];then echo "恭喜你，猜对了！！" echo "你一共猜了 $TIMES次" exit 0 elif [ $NUM -gt $RDOM ];then echo "你猜大了！！" elif [ $NUM -lt $RDOM ];then echo "你猜小了！！" else "您的输入有误！！" fi donecase条件测试语句#!/bin/bash #case语句，判断 read -p "Enter:" KEY case "$KEY" in [a-z]|[A-Z]) echo "字母" ;; [0-9]) echo "数字" ;; *) echo "错误" ;; esac计划任务服务程序一次性的计划任务：atat 时间 > reboot保存:Ctrl+D查看当前已有哪些计划任务 ：at -l查看命令：at -c 编码删除计划任务：atrm 编码 或者 at -rat命令的参数及其作用参数作用-f指定包含命令的任务文件-q指定新任务名称-l显示待执行任务列表-d删除指定待执行任务-m任务执行后给用户发邮件#让at命令接收前面echo命令的输出信息 echo "systemctl restart httpd" | at 23:30一般我们会使用“at now +2 MINUTE”的方式进行操作，这表示2分钟（MINUTE）后执行这个任务，也可以将其替代成小时（HOUR）、日（DAY）、月（MONTH）等词汇：at now +2 MINUTE at> systemctl restart httpd Ctrl+D周期性的计划任务：crondcrond 服务名称crontab 配置工具分 时 日 月 星期 命令​ crontab命令的参数及其作用参数作用-e编辑计划任务-u指定用户名称-l列出任务列表-r删除计划任务​ 使用crond设置任务的参数字段说明字段说明分钟取值为0～59的整数小时取值为0～23的任意整数日期取值为1～31的任意整数月份取值为1～12的任意整数星期取值为0～7的任意整数，其中0与7均为星期日命令要执行的命令或程序脚本crontab -e #分 时 日 月 星期 命令 #每周日的0：30分重启 30 0 * * 7 /usr/sbin/reboot #每隔两小时重启 * */2 * * * /usr/sbin/reboot #每月的3-5号的2：30分重启 30 2 3-5 * * /usr/sbin/reboot #每月的3号5号7号的2：30分重启 30 2 3,5,7 * * /usr/sbin/reboot