SerpentQuiz

🐍 A modern, beautiful, pure front-end quiz web app for snake species recognition.

蛇类知识刷题网页 —— 纯前端、无需后端、即开即用。 访问 https://afterimages.github.io/SerpentQuiz/

项目简介

SerpentQuiz 是一个基于 HTML+CSS+JS 的蛇类知识刷题网页，用户通过图片辨别蛇的类别，系统自动判断对错，并支持错题本、排行榜等功能。所有数据和图片均本地存储，无需服务器，适合科普、教学、兴趣自测等场景。

主要功能

• 随机抽取蛇类图片，6选1答题（1正确+5干扰项）
• 自动判断对错，显示正确答案及答案图片
• 本地排行榜（最高正确率、最高答题数、最高正确数）
• 错题本（自动记录错题，支持复习和清空）
• 响应式美观设计，移动端友好

使用方法

1. 克隆或下载本项目到本地
2. 保证 pic/questions 和 pic/results 目录下有蛇类图片（已内置样例）
3. 直接用浏览器打开 index.html 即可使用，无需任何依赖

目录结构

SerpentQuiz/
├── index.html         # 主网页，所有逻辑和样式均在此
├── README.md          # 项目说明
└── pic/
    ├── questions/     # 题目图片，按类别分文件夹
    └── results/       # 答案图片，结构同上

数据说明

• 每个类别为一个文件夹，文件夹名即为蛇的类别，内含若干图片（1.png, 2.png ...）
• 题目图片路径：pic/questions/类别名/图片.png
• 答案图片路径：pic/results/类别名/图片.png

图片来源说明

• 蛇类样例图片来源于 bilibili 网站 up主“世界记忆大师龙雅”的“鉴定网络热门长虫视频”系列视频，由用户自行截屏并分类整理。
• 图片仅用于学习、科普和非商业用途，版权归原作者所有。

命名说明

• “Serpent” 是蛇的正式英文说法
• “Quiz” 即测验
• SerpentQuiz = 蛇类测验

适用场景

• 蛇类科普、教学、兴趣自测
• 生物竞赛、野外识蛇训练
• 任何需要蛇类图片识别练习的场合

---

如需扩展功能或定制界面，欢迎联系开发者！