找到
7
篇与
网站源码
相关的结果
-
聚光灯效果-html 效果图 IMG_8975.gif图片 代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>HTML+CSS — 聚光灯</title> <link rel="stylesheet" href="index.css" /> </head> <body> <h1>Happy Birthday</h1> </body> </html>CSS 隐藏内容，请前往内页查看详情
-
-
-
Typecho的AI摘要插件 AISummary 说明 无聊时弄的小插件 有点鸡肋 写的不好的地方请各位嘴下留情 好了 进入正题 推荐几个API 以防插件自带的失效 http://api.uurr.cn/api/zpai?content= 插件后台设置说明 插件的json模式的json变量名就是当你输入返回格式是json的时候提取文字的那个变量 例如访问https://api.qster.top/API/v1/chat/?type=json&msg= 返回格式是{ "code": 400, "problem": "", "answer": "请给出一个问题"} 那么answer这个是我们需要的内容 你就可以把返回的变量里有文字的这个变量名填上去就可以了 如果还有不懂的可以进群联系我 随意付（禁广） 使用教程 首先下载插件到usr/plugins/目录进行解压（文件名必须是 AISummary 不然会报错） 然后在后台启用AISummary插件 接着把AI.php上传到主题的任意一个位置当然你要知道路径 等会要用（Joe再续前缘版可以上传到usr/themes/Joe/module/目录） Joe再续前缘专用AI.php <div class="title-theme">AI摘要</div> <div class="joe_header__slideout-menu panel-b"> <?php if ($this->fields->content) :?> <div class="ai-summary-block"> <p>AI 摘要：<span class="typing-effect"><?php echo $this->fields->content;?></span></p> </div> <?php endif;?> <style> .ai-summary-block { background-color: #f5f5f5; padding: 15px; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px; } .typing-effect { white-space: nowrap; overflow: hidden; animation: typing 2s steps(40) forwards; } @keyframes typing { from { width: 0; } to { width: 100%; } } .joe_header__slideout-menu.panel-b { overflow-y: scroll; } h2 { text-align: center; } h3 { color: black; font-size: smaller; text-align: center; } </style> <script> document.addEventListener('DOMContentLoaded', function () { const typingElements = document.querySelectorAll('.typing-effect'); typingElements.forEach(element => { element.classList.remove('typing-effect'); const text = element.textContent; element.textContent = ''; let i = 0; const typingInterval = setInterval(() => { if (i < text.length) { element.textContent += text[i]; i++; } else { clearInterval(typingInterval); } }, 50); }); }); </script> </div> <br> 通用AI.php代码 <div class="title-theme">AI摘要</div> <div class="joe_header__slideout-menu panel-b"> <?php if ($this->fields->content) :?> <div class="ai-summary-block"> <p>AI 摘要：<span class="typing-effect"><?php echo $this->fields->content;?></span></p> </div> <?php endif;?> <style> .title-theme { position: relative; padding-left: 1.2em; font-size: 15px; color: var(--main-color); } .title-theme small { font-size: 80%; opacity: .7 } .title-theme:before { position: absolute; content: ''; width: 4px; background: var(--theme); top: 10%; left: 2px; bottom: 10%; border-radius: 5px; box-shadow: 1px 1px 3px -1px var(--theme) } .ai-summary-block { background-color: #f5f5f5; padding: 15px; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px; } .typing-effect { white-space: nowrap; overflow: hidden; animation: typing 2s steps(40) forwards; } @keyframes typing { from { width: 0; } to { width: 100%; } } .joe_header__slideout-menu.panel-b { overflow-y: scroll; } h2 { text-align: center; } h3 { color: black; font-size: smaller; text-align: center; } </style> <script> document.addEventListener('DOMContentLoaded', function () { const typingElements = document.querySelectorAll('.typing-effect'); typingElements.forEach(element => { element.classList.remove('typing-effect'); const text = element.textContent; element.textContent = ''; let i = 0; const typingInterval = setInterval(() => { if (i < text.length) { element.textContent += text[i]; i++; } else { clearInterval(typingInterval); } }, 50); }); }); </script> </div> <br> 然后在主题的post.php里面合适的位置添加以下代码 <?php $this->need('module/AI.php'); ?>Joe再续前缘版本可以添加在post.php的第 120 行下面第 121 行 如图 title="https://pan.skaco.cn/view.php/9633bbe0cc60215f47ddbbbd0bbc56c6.jpg"图片 上面是老版本的有个小问题 需要先设置文章广告才会显示 再续前缘最新版本可以在第 39 行下面第 40 行的位置放置去掉<?php ?> AISummary下载地址 隐藏内容，请前往内页查看详情
-
