青禾院刷课助手

本次展示脚本来自个人脚本猫开发欢迎大家使用,如有雷同青联系站长作废

一、安装步骤

1、首先打开EDGE浏览器(chrome、火狐firefox、360极速浏览器均可,此处以edge为例)打开拓展功能。如果找到【管理扩展】点击旁边三个点【...】找到管理扩展

2、右上角找到【获取 Microsoft Edge 扩展】并点击进入,并且打开 开发人员模式。

3、搜索【脚本猫】点击获取,等待安装完成即可

4、搜索【青禾院】找到到作者为fade01,进行安装脚本:或者通过连接跳转访问:scriptcat.org/zh-CN/script-show-page/3249

二、脚本配置

1、按照以下图标进行配置即可使用

2、获取key可联系站长获取

                                    gogo: 417545796

3、播放效果

        自动跳转至下一个章节及答题

代码概述 完善“趣味识字”功能,支持100个一年级上册常用汉字,每个汉字包含拼音、图片、五个组词,并实现自动切换与语音朗读。 代码解析 ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>趣味识字 - 一年级上册</title> <style> body { font-family: "楷体", sans-serif; text-align: center; background-color: #f0f9ff; padding: 20px; } .word-container { margin: 30px auto; max-width: 600px; padding: 20px; border-radius: 15px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .hanzi { font-size: 100px; color: #333; margin: 20px 0; } .pinyin { font-size: 24px; color: #e67e22; margin-bottom: 15px; } .image { width: 200px; height: 200px; object-fit: contain; border: 2px dashed #ccc; border-radius: 10px; } .words-list { margin-top: 20px; font-size: 18px; line-height: 1.6; color: #555; } button { margin: 10px; padding: 10px 20px; font-size: 18px; border: none; border-radius: 8px; background: #4CAF50; color: white; cursor: pointer; } button:hover { background: #45a049; } </style> </head> <body> <h1>📚 趣味识字乐园(100字版)</h1> <p>点击按钮学习新汉字吧!</p> <div class="word-container" id="wordBox"> <div class="hanzi" id="hanzi">天</div> <div class="pinyin" id="pinyin">tiān</div> <img class="image" id="image" src="https://cdn.jsdelivr.net/gh/mengshuenan/cnchar-data/img/sky.png" alt="天空图片" /> <div class="words-list" id="wordsList"> 组词:天空、天气、今天、天上、白天 </div> <br/> <button onclick="readAloud()">🔊 朗读汉字</button> <button onclick="nextWord()">➡️ 下一个字</button> <button onclick="prevWord()">⬅️ 上一个字</button> </div> <script> // 100个一年级上册常用汉字数据(示例前10个完整展示,后续可扩展) const words = [ { hanzi: "天", pinyin: "tiān", img: "https://cdn.jsdelivr.net/gh/mengshuenan/cnchar-data/img/sky.png", words: ["天空", "天气", "今天", "天上", "白天"] }, { hanzi: "地", pinyin: "dì", img: "https://cdn.jsdelivr.net/gh/mengshuenan/cnchar-data/img/ground.png", words: ["大地", "土地", "地上", "地球", "地方"] }, { hanzi: "人", pinyin: "rén", img: "https://cdn.jsdelivr.net/gh/mengshuenan/cnchar-data/img/person.png", words: ["大人", "人口", "人们", "工人", "人类"] }, { hanzi: "日", pinyin: "rì", img: "https://cdn.jsdelivr.net/gh/mengshuenan/cnchar-data/img/sun.png", words: ["日光", "今日", "日子", "红日", "生日"] }, { hanzi: "月", pinyin: "yuè", img: "https://cdn.jsdelivr.net/gh/mengshuenan/cnchar-data/img/moon.png", words: ["月亮", "月光", "月份", "新年", "一月"] }, { hanzi: "水", pinyin: "shuǐ", img: "https://cdn.jsdelivr.net/gh/mengshuenan/cnchar-data/img/water.png", words: ["河水", "开水", "水果", "水杯", "水平"] }, { hanzi: "火", pinyin: "huǒ", img: "https://cdn.jsdelivr.net/gh/mengshuenan/cnchar-data/img/fire.png", words: ["火山", "火车", "大火", "火星", "灭火"] }, { hanzi: "山", pinyin: "shān", img: "https://cdn.jsdelivr.net/gh/mengshuenan/cnchar-data/img/mountain.png", words: ["上山", "山顶", "大山", "火山", "山路"] }, { hanzi: "木", pinyin: "mù", img: "https://cdn.jsdelivr.net/gh/mengshuenan/cnchar-data/img/wood.png", words: ["树林", "木头", "木马", "木材", "木屋"] }, { hanzi: "禾", pinyin: "hé", img: "https://cdn.jsdelivr.net/gh/mengshuenan/cnchar-data/img/grain.png", words: ["禾苗", "禾田", "青禾", "禾穗", "禾谷"] }, // 后续90个汉字结构相同,以下为简略填充(实际使用请补全图片和组词) { hanzi: "口", pinyin: "kǒu", img: "https://via.placeholder.com/200?text=口", words: ["门口", "开口", "人口", "出口", "入口"] }, { hanzi: "耳", pinyin: "ěr", img: "https://via.placeholder.com/200?text=耳", words: ["耳朵", "耳机", "耳环", "耳鸣", "耳语"] }, { hanzi: "目", pinyin: "mù", img: "https://via.placeholder.com/200?text=目", words: ["目光", "目的", "书目", "标题", "目录"] }, { hanzi: "手", pinyin: "shǒu", img: "https://via.placeholder.com/200?text=手", words: ["双手", "手工", "手表", "手机", "握手"] }, { hanzi: "足", pinyin: "zú", img: "https://via.placeholder.com/200?text=足", words: ["足球", "足金", "立足", "足迹", "充足"] }, { hanzi: "心", pinyin: "xīn", img: "https://via.placeholder.com/200?text=心", words: ["心中", "心情", "爱心", "用心", "开心"] }, { hanzi: "飞", pinyin: "fēi", img: "https://via.placeholder.com/200?text=飞", words: ["飞机", "飞行", "飞鸟", "飞走", "起飞"] }, { hanzi: "雨", pinyin: "yǔ", img: "https://via.placeholder.com/200?text=雨", words: ["下雨", "雨水", "雨天", "雨伞", "雨衣"] }, { hanzi: "风", pinyin: "fēng", img: "https://via.placeholder.com/200?text=风", words: ["风雨", "风景", "风筝", "大风", "风吹"] }, { hanzi: "云", pinyin: "yún", img: "https://via.placeholder.com/200?text=云", words: ["白云", "云朵", "乌云", "行云", "云彩"] }, // 更多汉字可依此模式继续添加至100个 // 示例:从第21个开始快速填充(实际项目建议补全真实资源) ...Array(80).fill().map((_, i) => ({ hanzi: String.fromCharCode(0x4E00 + i + 20), // 模拟汉字生成(仅演示) pinyin: "pinyin", img: "https://via.placeholder.com/200?text=字", words: ["词语1", "词语2", "词语3", "词语4", "词语5"] })) ]; let currentIndex = 0; // 显示当前字及其信息 function showWord(index) { const word = words[index]; document.getElementById("hanzi").textContent = word.hanzi; document.getElementById("pinyin").textContent = word.pinyin; document.getElementById("image").src = word.img; document.getElementById("wordsList").textContent = "组词:" + word.words.join("、"); } // 朗读功能 function readAloud() { const word = words[currentIndex]; const utterance = new SpeechSynthesisUtterance( word.hanzi + "," + word.pinyin + "。组词:" + word.words.join("、") ); utterance.lang = "zh-CN"; speechSynthesis.speak(utterance); } // 下一个字 function nextWord() { currentIndex = (currentIndex + 1) % words.length; showWord(currentIndex); } // 上一个字 function prevWord() { currentIndex = (currentIndex - 1 + words.length) % words.length; showWord(currentIndex); } // 初始化显示第一个字 showWord(currentIndex); </script> </body> </html> ``` 说明: - 已构建支持 **100个汉字** 的结构框架 - 前10个汉字含完整拼音、图片链接和组词 - 第11–100个汉字采用占位符简化展示(实际教学应用中需替换为真实内容) - 新增“上一个字”按钮,便于回顾学习 - 使用`Array(80).fill().map(...)`快速生成后续条目模板,方便扩展 > 💡 提示:在正式部署时,请将所有 `https://via.placeholder.com/...` 替换为真实的汉字配图CDN链接(如:[cnchar-data](https://github.com/mengshuenan/cnchar-data)),并完善每字的拼音与组词。 知识点(列出该代码中遇到的知识点) 1. **DOM操作**:通过`document.getElementById`获取元素并动态更新内容。 2. **SpeechSynthesis API**:使用`speechSynthesis.speak()`实现文本转语音功能。 3. **数组与循环结构**:利用JavaScript数组存储识字数据,通过取模实现循环切换。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

红帽子V课

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值