一个简单优雅的网页版年会抽奖系统。
访问地址:https://你的用户名.github.io/lottery
- 支持导入txt或csv格式的参与者名单
- 可自定义多个奖项及每个奖项的中奖人数
- 动态抽奖效果和音效
- 实时显示中奖结果
- 自动保存抽奖配置和名单
- 响应式设计,适配各种屏幕尺寸
- 直接在浏览器中打开
index.html
文件 - 或者使用任意 Web 服务器托管这些文件
- Fork 这个仓库到你的 GitHub 账号
- 进入仓库设置 (Settings)
- 找到 Pages 选项
- 在 Source 选项中选择 main 分支
- 保存后等待几分钟,你的网站就会在
https://你的用户名.github.io/lottery
上线
index.html
: 主页面文件style.css
: 样式文件script.js
: JavaScript 逻辑文件
-
准备名单
- 可以直接在文本框中输入名单,每行一个名字
- 或者上传txt/csv文件(每行一个名字)
- 名单会自动保存在浏览器中
-
设置奖项
- 点击"+"按钮添加新的奖项
- 填写奖项名称和中奖人数
- 奖项设置也会自动保存
-
开始抽奖
- 点击"开始抽奖"按钮开始
- 点击"停止"按钮选出中奖者
- 中奖结果会实时显示在右侧
- 建议使用现代浏览器(Chrome、Firefox、Edge等)
- 数据保存在浏览器本地,清除浏览器数据会导致数据丢失
- 请确保音频文件可以正常访问,否则可能没有音效
MIT License