搜索到
88
篇与
的结果
-
typecho相关教程 typecho对应文件{message type="success" content="functions.php【基本配置】footer.php【底栏】comments.php【评论】usr/themes【主题模板】usr/plugins【插件模板】"/}绑定域名在Typecho网站根目录下 config.inc.php 中 , 找到Typecho_Db::set($db);这句话,在其后写上:Helper::options()->siteUrl='http://www.domain.com';//您的子站点添加一言functions.php插入代码/** * 主题集成一言（Hitokoto）API 经典语句功能 */ function GetHitokoto(){ $url = 'https://v1.hitokoto.cn/?encode=json'; // 不限定内容类型 // $url = https://v1.hitokoto.cn/?encode=json&c=d'; // 限定内容类型 $ch = curl_init(); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // 跳过证书检查 curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 2); // 从证书中检查 SSL 加密算法是否存在 curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'GET'); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_TIMEOUT, 6); $response = curl_exec($ch); if($error=curl_error($ch)){ return '欢迎来到B2主题的一言功能~'; // 如果 6s 内，一言 API 调用失败则输出这个默认句子~ } curl_close($ch); $array_data = json_decode($response,true); $Emu_content = $array_data['hitokoto'].'----《'.$array_data['from'].'》'; // 输出格式：经典语句----《语句出处》 return $Emu_content; }在想输出的地方添加代码：<?php echo GetHitokoto(); ?>美化后台【纯白】admin/header.php头部添加代码：<?php if($user->group != "administrator"): ?> <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"> <link rel="stylesheet" href="<?php $options->siteUrl(); ?>/user/user.css?v=1.0"> <script> var UserLink="<?php $options->adminUrl('profile.php'); ?>"; var UserPic="<?php echo Typecho_Common::gravatarUrl($user->mail, 100, 'X', 'mm', $request- >isSecure()); ?>"; var SiteLink="<?php $options->siteUrl(); ?>"; var UserName="<?php $user->screenName(); ?>"; var UserGroup="<?php $user->group(); ?>"; var SiteName="<?php $options->title(); ?>"; </script> -
各种滚动文字【代码】 function typing(element) { let rgbColors = ["rgb(110,64,170)", "rgb(150,61,179)", "rgb(191,60,175)", "rgb(228,65,157)", "rgb(254,75,131)", "rgb(255,94,99)", "rgb(255,120,71)", "rgb(251,150,51)", "rgb(226,183,47)", "rgb(198,214,60)", "rgb(175,240,91)", "rgb(127,246,88)", "rgb(82,246,103)", "rgb(48,239,130)", "rgb(29,223,163)", "rgb(26,199,194)", "rgb(35,171,216)", "rgb(54,140,225)", "rgb(76,110,219)", "rgb(96,84,200)"] let start = "心存敬畏，"; let content = ["行有所止"] let option = { text: "", prefixP: -5, skillI: 0, skillP: 0, direction: "forward", delay: 2, step: 1 }; init() function fromCharCode() { return String.fromCharCode(94 * Math.random() + 33) } function getRgbColor() { return rgbColors[Math.floor(Math.random() * rgbColors.length)] } function getFragment(times) { let fragment = document.createDocumentFragment() for (let i = 0; i < times; i++) { let span = document.createElement("span"); span.textContent = fromCharCode() span.style.color = getRgbColor() fragment.appendChild(span) } return fragment } function init() { let text = content[option.skillI]; option.step ? option.step-- : (option.step = 1, option.prefixP < start.length ? (option.prefixP >= 0 && (option.text += start[option.prefixP]), option.prefixP++) : "forward" === option.direction ? option.skillP < text.length ? (option.text += text[option.skillP], option.skillP++) : option.delay ? option.delay-- : (option.direction = "backward", option.delay = 2) : option.skillP > 0 ? (option.text = option.text.slice(0, -1), option.skillP--) : (option.skillI = (option.skillI + 1) % content.length, option.direction = "forward")), element.textContent = option.text, element.appendChild(getFragment(option.prefixP < start.length ? Math.min(5, 5 + option.prefixP) : Math.min(5, text.length - option.skillP))), setTimeout(init, 75) } }; typing(document.getElementById('typing')); 从左向右滚隐藏内容，请前往内页查看详情从右向左滚隐藏内容，请前往内页查看详情从下往上滚隐藏内容，请前往内页查看详情从上往下滚隐藏内容，请前往内页查看详情来回滚隐藏内容，请前往内页查看详情躲躲字隐藏内容，请前往内页查看详情上下反弹隐藏内容，请前往内页查看详情 从左向右弹跳隐藏内容，请前往内页查看详情 从右向左弹跳隐藏内容，请前往内页查看详情原 地 弹 跳隐藏内容，请前往内页查看详情{dotted startColor="#ff6c6c" endColor="#1989fa"/}{callout color="#f0ad4e"}注：scrollAmount表示速度，值越大速度越快width和height表示滚动区域的大小,width是宽度，height是高度{/callout}
-
-
手机 QQ Scheme 接口 直接上代码<?php // GET方式 $qq = $_GET["qq"]; // 简单判断 if(empty($qq)) { echo '参数不能为空！'; exit; } // 拼接 $zurl= "mqqapi://im/chat?chat_type=wpa&uin=$qq&version=1&src_type=web&web_src=qq.com"; // 重定向 header("Location:$zurl"); ?>QQ 联系人mqqapi://card/show_pslcard?src_type=internal&version=1&uin={QQ号码}QQ 群组mqqapi://card/show_pslcard?src_type=internal&version=1&card_type=group&uin={QQ群号}QQ 对话框mqqapi://im/chat?chat_type=wpa&uin={QQ号}&version=1&src_type=web&web_src=qq.com mqq://im/chat?chat_type=wpa&uin={QQ号}&version=1&src_type=web分享接口window.parent.frames.location.href = "mqqapi://share/to_fri? file_type=news&src_type=web&version=1&generalpastboard=1&share_id=1105471055&url= [baseurl]&previewimageUrl=[baseimage]&image_url=[baseimage]&title=[basetitle]&description= [basedesc]&callback_type=scheme&thirdAppDisplayName=UVE=&app_name=UVE=&cflag=0&shareType=0";内部新窗打开mqqapi://forward/url?version=1&src_type=web&url_prefix=[baseurl] 添加 & 打开 QQ 群mqqapi://card/show_pslcard?src_type=internal&version=1&uin={QQ群号码}&card_type=group&source=qrcode
-
炫酷烛光倒影网页 先放上示例实现过程（完整源码在最后）：1.定义基本样式*{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'fangsong'; } body{ height: 100vh; display: flex; align-items: center; justify-content: center; background-color: rgb(0, 0, 0); }font-family: 'fangsong'; 仿宋字体。 display: flex; align-items: center; justify-content: center; flex布局，让按钮在屏幕居中。2.定义基本标签：<a href="#" class="item item1"> aurora <span></span> <span></span> <span></span> <span></span> </a> <a href="#" class="item item2"> aurora <span></span> <span></span> <span></span> <span></span> </a> <a href="#" class="item item3"> aurora <span></span> <span></span> <span></span> <span></span> </a>3个a标签就对应3个按钮，每个按钮里4个span就是环绕按钮的4条边。 且都有个公共的选择器 .item 和 只属于自己的选择器。3.定义每个按钮的基本样式 .item{ position: relative; margin: 50px; width: 300px; height: 80px; text-align: center; line-height: 80px; text-transform: uppercase; text-decoration: none; font-size: 35px; letter-spacing: 5px; color: aqua; overflow: hidden; -webkit-box-reflect: below 1px linear-gradient( transparent,rgba(6, 133, 133,0.3)); }text-align: center;文字对齐方式。line-height: 80px; 字行高。text-transform: uppercase; 字母为大写。text-decoration: none; 去掉a标签默认下划线。letter-spacing: 5px; 每个字符间的距离。overflow: hidden;溢出隐藏。-webkit-box-reflect: below 1px linear-gradient( transparent,rgba(6, 133, 133,0.3)); 这个属性能实现倒影效> > 果。4.鼠标经过按钮样式改变 .item:hover{ background-color: aqua; box-shadow:0 0 5px aqua, 0 0 75px aqua, 0 0 155px aqua; color: black; } box-shadow:0 0 5px aqua, 0 0 75px aqua, 0 0 155px aqua; 阴影，写多行可以叠加更亮。5.设置环绕按钮的4根线上面那条的样式 .item span:nth-of-type(1){ position: absolute; left: -100%; width: 100%; height: 3px; background-image: linear-gradient(to left,aqua ,transparent); animation: shang 1s linear infinite; } @keyframes shang{ 0%{ left:-100%; } 50%,100%{ left:100%; } }position: absolute;left: -100%; 定位在对应位置。background-image: linear-gradient(to left,aqua ,transparent); 线性渐变颜色。animation: shang 1s linear infinite; 动画属性，让它动起来。6.以此类推，设置环绕按钮的其它3根样式 .item span:nth-of-type(2){ position: absolute; top: -100%; right: 0; width: 3px; height: 100%; background-image: linear-gradient(to top,aqua ,transparent); animation: you 1s linear infinite; animation-delay: 0.25s; } @keyframes you{ 0%{ top:-100%; } 50%,100%{ top:100%; } } .item span:nth-of-type(3){ position: absolute; right: -100%; bottom: 0; width: 100%; height: 3px; background-image: linear-gradient(to right,aqua ,transparent); animation: xia 1s linear infinite; animation-delay: 0.5s; } @keyframes xia{ 0%{ right:-100%; } 50%,100%{ right:100%; } } .item span:nth-of-type(4){ position: absolute; bottom: -100%; left: 0; width: 3px; height: 100%; background-image: linear-gradient(to bottom,aqua ,transparent); animation: zuo 1s linear infinite; animation-delay: 0.75s; } @keyframes zuo{ 0%{ bottom:-100%; } 50%,100%{ bottom:100%; } }animation-delay: 0.75s; 动画延迟执行。每条线对应延迟一段时间，形成时间差，形成环绕效果。完整代码{cloud title="源码" type="default" url="http://yun.qingliushe.xyz/index.php?share/file&user=1&sid=ZYFi4tEK" password=""/}
