搜索到
46
篇与
的结果
-
-
幻影文字CSS特效 使用方法导入CSS文件joe主题就放在主题设置的 自定义css 里。在需要使用的标签上加上 class="h1" 属性举例 幻影文字特效@import 'https://fonts.googleapis.com/css?family=Lato'; .h1 { animation: glitch 3s steps(100) infinite; color: #151515; font-size: 1.2em; text-align: center; text-transform: uppercase; } @keyframes glitch { 0% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 1% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 2% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 3% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 4% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 5% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 6% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 7% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 8% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 9% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 10% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 11% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} 12% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} 13% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} 14% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} 15% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} 16% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} 17% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} 18% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} 19% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} 20% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} 21% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 22% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 23% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 24% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 25% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 26% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0.5px);} 27% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0.5px);} 28% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 29% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 30% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 31% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} 32% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} 33% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} 34% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} 35% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);} 36% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);} 37% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);} 38% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} 39% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} 40% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} 41% { text-shadow: 45px 0 0 #0c33f5, -45px 0 0 lime; filter: blur(0);} 42% { text-shadow: 0 0 0 #0c33f5, 0 0 0 lime; filter: blur(0);} 43% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} 44% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} 45% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} 46% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} 47% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);} 48% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} 49% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} 50% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} 51% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 52% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 53% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 54% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 55% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0.5px);} 56% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);} 57% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);} 58% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 59% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 60% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 61% { text-shadow: 30px 0 0 red, -30px 0 0 lime; filter: blur(0);} 62% { text-shadow: 0 0 0 red, 0 0 0 lime; filter: blur(0);} 63% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);} 64% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);} 65% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);} 66% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0.5px);} 67% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);} 68% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 69% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 70% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 71% { text-shadow: 50px 0 0 red, -50px 0 0 #0c33f5; filter: blur(0);} 72% { text-shadow: 0 0 0 red, 0 0 0 #0c33f5; filter: blur(0);} 73% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 74% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 75% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 76% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} 77% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 78% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 79% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 80% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} 81% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} 82% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} 83% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} 84% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} 85% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} 86% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);} 87% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);} 88% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} 89% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} 90% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} 91% { text-shadow: 60px 0 0 lime, -60px 0 0 #0c33f5; filter: blur(0);} 92% { text-shadow: 0 0 0 lime, 0 0 0 #0c33f5; filter: blur(0);} 92% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 93% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 94% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 95% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} 96% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} 97% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} 98% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} 99% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} 100% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} }
-
QQ邮箱自动删除邮件脚本 原理很简单，定时器每三秒执行一次，执行两个点击事件，一个是勾选当前页，一个是删除！f12在控制台执行脚本即可开始删除！脚本代码window.setInterval(function() {document.getElementById('mainFrame').contentWindow.document.getElementById('ckb_selectAll').click();document.getElementById('mainFrame').contentWindow.document.getElementById('quick_del').click();},3000)如何停止脚本：按f5刷新浏览器即可或者关闭当前窗口，脚本执行后请不要用鼠标点击切换页面否则可能会删除你切换到的页面的邮件。
-
typecho实时在线人数统计代码 要实现实时在线统计，首先在主题文件里的functions.php里面下面的代码添加/* Joe核心文件 */ require_once("core/core.php"); //在线人数 放这里//在线人数 function online_users() { $filename='online.txt'; //数据文件 $cookiename='Nanlon_OnLineCount'; //Cookie名称 $onlinetime=30; //在线有效时间 $online=file($filename); $nowtime=$_SERVER['REQUEST_TIME']; $nowonline=array(); foreach($online as $line){ $row=explode('|',$line); $sesstime=trim($row[1]); if(($nowtime - $sesstime)<=$onlinetime){ $nowonline[$row[0]]=$sesstime; } } if(isset($_COOKIE[$cookiename])){ $uid=$_COOKIE[$cookiename]; }else{ $vid=0; do{ $vid++; $uid='U'.$vid; }while(array_key_exists($uid,$nowonline)); setcookie($cookiename,$uid); } $nowonline[$uid]=$nowtime; $total_online=count($nowonline); if($fp=@fopen($filename,'w')){ if(flock($fp,LOCK_EX)){ rewind($fp); foreach($nowonline as $fuid=>$ftime){ $fline=$fuid.'|'.$ftime."\n"; @fputs($fp,$fline); } flock($fp,LOCK_UN); fclose($fp); } } echo "$total_online"; } 然后在想要显示的地方放入以下代码即可，个人觉得放在 footer.php 比较好看<?php echo online_users() ?>
-
灵动的鱼群跳跃 介绍这是一款灵动的鱼群跳跃，采用 JS 技术，通过 canvas 绘制，适合用在页面底部，增添网站灵动气氛。教程修改 /www/wwwroot/你的站点/usr/themes/Joe/public/footer.php 在 <footer></footer> 之间添加两行代码{tabs}{tabs-pane label="代码"}<div id="jsi-flying-fish-container"></div> <script src="https://www.888mz.cn/1/js/script.js"></script>{/tabs-pane}{tabs-pane label="效果图"} {/tabs-pane}{/tabs}
-
百年辉煌 砥砺前行 一个锤子，一把镰刀交织一起，看上去是一个普普通通的图案，可它贴到鲜红的旗帜上，它就是代表我们国家的一个政党——中国共产党。旗帜飘扬在百年征程，它把中国的天地稳稳的支撑。贫油的帽子摘掉了就扔，钢铁的大手把铁路、桥梁建成。是中国共产党的党旗，指引着我们把社会主义道路贯通！ 1921—2021，中国共产党建党100周年。100年来，中国社会沧桑巨变，从站起来、富起来到强起来,中国共产党与时代同步伐、与人民共命运，跨过一道又一道沟坎，取得一个又一个辉煌胜利，百年恰是风华正茂，迈向新征程的中国共产党，举世瞩目。光阴似箭，岁月如梭，转瞬之间，中国共产党已经走过100年的风风雨雨，百年辛程波澜壮阔，百年岁月风雨兼程，百年初心历久弥坚。这一百年，祖国的变化带给每个中国人的都是深深的震撼和感动。100年前，我们受西方列强压迫，签订不平等条约，100年后，我们掷地有声地反击西方对我们的无端指责，捍卫国家主权；100年前，我国人民生活贫困不堪，生活艰苦，100年后，我国已全面建成小康社会；100年前，航天梦对我们来说遥不可及，100年后，就在本月17日，“神州十二号”载人飞船首次进入中国自己的空间站。你从黑夜里走来熠熠生辉你在兵燹中洗礼身披荣光你向未来飞去蒸蒸日上今日之中国，雄狮已醒，复兴在即。而我们作为祖国的未来，更当以自强。今年是建党一百周年，在风风雨雨中走来。党组织从幼稚到成熟，从百年前“外争国权，内惩国贼”的呐喊，到疫情下“无惧生死，履职尽责”的奉献牺牲。这一切，是党员先驱给我们做的榜样。青年兴则家国兴，青年强则家国强。 我们应该积极向他们靠拢，有奉献精神，以青春小我拥抱家国之大我，将青春梦融入中国梦，为实现中华民族的伟大复兴贡献青春力量。 何其有幸，生于华夏，见证百年，愿山河无恙，祖国繁荣昌盛
-
Typecho编辑文章页添加标签列表 前言typecho的文章编辑页面常用的标签选择界面没有系统现有标签选择列表，应用中很是麻烦，需要记忆或者切换到标签管理界面查看。所以就在网上找了一下代码，分享给大家。{tabs}{tabs-pane label="效果图"} {/tabs-pane}{tabs-pane label="代码"}<p style="background:#E8EFD1;display:block;margin:6px 0;padding:6px 10px"> <?php $stack = Typecho_Widget::widget('Widget_Metas_Tag_Cloud')->stack; $i = 0; while (isset($stack[$i])) { echo "<a style=\"cursor:pointer\" onclick=\"t=document.getElementById('tags').value;c=t?',':''; document.getElementById('tags').value=t+c+'", $stack[$i]['name'], "'\">", $stack[$i]['name'], "</a>"; $i++; if (isset($stack[$i])) echo ", "; } ?> </p> 教程第一步，在Typccho系统文件夹内打开admin目录找到 write-post.php 文件PS：是系统文件夹，不是主题文件夹！第二步，打开找到的文件，找到 <?php $post->tags(',', false); ?> 这个代码，然后在下面插入以下代码即可（原文件在94行）{/tabs-pane}{/tabs}
-
微信域名检测api接口分享（附上PHP和Python代码） 由于项目需要在微信推广，域名时不时被屏蔽或拦截，更何况微信限制也是越来越严格了。域名被拦截判断分析if 域名能正常访问（显示未被拦截） if 域名被微信拦截 if 链接抱红 else 提示已停止访问网页 if 安全提示 else 提示非官方网页 if 安全提示 else 提示网址包含过多重定向 if 拦截提示 else 请长按复制链接使用浏览器访问（应用场景）微信域名检测api接口代码接口地址: http://api.new.urlzt.com/api/vx 请求方式: GET/POST 请求示例: http://api.new.urlzt.com/api/vx?token=Token值(后台生成获取)&url=www.888mz.cn PHP demo代码<?php // Token值后台生成获取，后台地址：https://dwz.cn/TzLUYNU2 $apiToken = "********************************"; // 需要检测的地址或域名 $reqUrl = "www.urlzt.com"; $url = sprintf("http://api.new.urlzt.com/api/qq?token=Token值&url=www.urlzt.com", $apiToken, $reqUrl); $ch = curl_init($url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_BINARYTRANSFER, true); $responseBody = curl_exec($ch); $responseArr = json_decode($responseBody, true); if (json_last_error() != JSON_ERROR_NONE) { echo "JSON 解析接口结果出错\n"; return; } if (isset($responseArr['code']) && $responseArr['code'] == 0) { // 接口正确返回 // $responseArr['data']['status'] 的取值范围：ok、blocked // ok 表示正常、blocked 表示被封 printf("测试地址（%s）的状态为：%s\n", $reqUrl, $responseArr['data']['status']); } else { printf("接口异常：%s\n", var_export($responseArr, true)); }Python demo代码# -*- coding: utf-8 -*- import json, urllib from urllib import urlencode def main(): # Token值后台生成获取，后台地址：https://dwz.cn/TzLUYNU2 apiToken = "*********************" url = "https://wx.horocn.com/api/v1/wxUrlCheck" params = { "req_url" : "www.urlzt.com", #需要检测的地址或域名 "api_token" : apiToken, } params = urlencode(params) f = urllib.urlopen("%s?%s" % (url, params)) content = f.read() res = json.loads(content) if res: code = res["code"] if code == 0: #成功请求 print res["result"] else: print "%s: %s" % (res["code"],res["msg"]) else: print "request api error" if __name__ == '__main__': main()
-
-
给头像添加呼吸光坏 效果图 代码放在自定义css里面。/*头像呼吸光环和鼠标悬停旋转放大*/ .avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
-
-
祝大家端午安康。 {mtitle title="端午安康"/}端午节 ，又称 端阳节 、 龙舟节 、 天中节 等，源于自然天象崇拜，由上古时代祭龙演变而来。仲夏端午，苍龙七宿飞升于正南中天，处于全年最“正中”之位，即如《易经·乾卦》第五爻的爻辞曰：“飞龙在天”。其起源涵盖了古老星象文化、人文哲学等方面内容，蕴含着深邃丰厚的文化内涵，在传承发展中杂糅了多种民俗为一体，节俗内容丰富。划龙舟（扒龙舟）与食粽是端午节的两大礼俗，这两大礼俗在中国自古传承，至今不辍。 在端午节的这一天里，也许是有些人难过的节日。可小爱跟你身边的人都希望 别活在过去 ， 珍惜当下 。心里也不要想的很多，到最后难受的不是别人 而是你自己。记得一定要吃粽子哦 :@(亲亲) ，多出去看看，别一直在家啦。{callout color="#a64def"}{collapse}{/collapse-item}{collapse-item label="2021年端午节这天也发生了很多的事。（点击展开）" } {/collapse-item}{/collapse}{/callout}只希望每个人以 开心最重要 而开心...
