找到
226
篇与
可乐
相关的结果
- 第 33 页
-
四种刷题模式的爱刷题无后端无数据库刷题应用网站H5源码 资源简介 四种刷题模式的爱刷题无后端无数据库刷题应用网站H5源码。提供了简单轻量化的部署方式和详细的四种刷题模式教程。该应用使用JSON作为题库的存储方式,层次清晰、结构简单易懂。 配套的word模板和模板到JSON转换工具可供使用,方便将题库从word格式转换为JSON格式。 四种刷题模式包括顺序刷题、乱序刷题、错题模式和背题模式,您可以根据自己的需求选择适合的模式进行刷题。 主要结构 1.index.html:主页,展示题库列表 2.type.html:刷题模式选择页面,可选择四种模式 3.timu.html:刷题页面 4.json/*.json:存储题库的JSON文件 5.js/public.js:包含了将JS数组与JSON题库文件路径和描述信息ID对应的脚本 此外,还提供了py-timuToJson工具,该工具包含了转换JSON的模板和脚本,方便进行题库的转换和管理。 注;题库的数据可以打开文件夹(json)里面的.json修改或增加! 源码需要上传到虚拟空间或者服务器才能正常访问 https://25img.com/i/ukx5kxzc.jpg图片 下载地址 下载源码 下载地址:https://zhiyun.lanzoue.com/i6k3413fimrc 提取码: -
微信机器人视频教程 附带源码 主要功能如下 查绑助手 影视搜索 视频解析 随机一言 热歌排行 听歌点歌 智能聊天 星座运势 安慰语录 关键词回复 进群提醒,退群问候 支持主人呼叫,开机关机,分群管理 功能很多…… 插件和框架下载地址: 插件&框架 下载地址:https://wwu.lanzoux.com/b02icb77i 提取码:xm 网盘教程视频: 教程视频 下载地址:https://www.aliyundrive.com/s/jBGYKeWLPky 提取码: 在线教程哔哩视频 这里必须下载的微信版本; 特定版本微信 下载地址:https://www.aliyundrive.com/s/JRaaoJZbu3p 提取码: 软件截图: llgq97ku.png图片 llgq9luz.png图片 llgq9rg5.png图片 llgq9xbx.png图片 llgqa0bp.png图片 llgqa4ar.png图片
-
时空穿梭特效html 示意图: llcl3g25.png图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>时空穿梭2</title> <!-- 文章地址 https://juejin.cn/post/7028757824695959588 --> <style> html, body { height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; background: #000; text-align: center; } body:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .g-container { display: inline-block; perspective: 4px; perspective-origin: 50% 50%; position: relative; animation: hueRotate 21s infinite linear; } .g-group { position: absolute; width: 1000px; height: 1000px; left: -500px; top: -500px; transform-style: preserve-3d; animation: move 12s infinite linear; animation-fill-mode: forwards; } .g-group:nth-child(2) { animation: move 12s infinite linear; animation-delay: -6s; } .item { position: absolute; width: 100%; height: 100%; background: url(./bg.jpg); background-size: cover; opacity: 1; animation: fade 12s infinite linear; animation-delay: 0; } .g-group:nth-child(2) .item { animation-delay: -6s; } .item-right { /* background: red; */ transform: rotateY(90deg) translateZ(500px); } .item-left { /* background: green; */ transform: rotateY(-90deg) translateZ(500px); } .item-top { /* background: blue; */ transform: rotateX(90deg) translateZ(500px); } .item-bottom { /* background: deeppink; */ transform: rotateX(-90deg) translateZ(500px); } .item-middle { /* background: rgba(255, 255, 255, 0.5); */ transform: rotateX(180deg) translateZ(1000px); } @keyframes move { 0% { transform: translateZ(-500px) rotate(0deg); } 100% { transform: translateZ(500px) rotate(0deg); } } @keyframes fade { 0% { opacity: 0; } 25%, 60% { opacity: 1; } 100% { opacity: 0; } } @keyframes hueRotate { 0% { filter: hue-rotate(0); } 100% { filter: hue-rotate(360deg); } } </style> </head> <body> <div class="g-container"> <div class="g-group"> <div class="item item-right"></div> <div class="item item-left"></div> <div class="item item-top"></div> <div class="item item-bottom"></div> <div class="item item-middle"></div> </div> <div class="g-group"> <div class="item item-right"></div> <div class="item item-left"></div> <div class="item item-top"></div> <div class="item item-bottom"></div> <div class="item item-middle"></div> </div> </div> </body> </html>