HTML5智能抽奖系统

智能抽奖系统使用说明

🎯 系统简介

本智能抽奖系统是一个功能齐全 、界面美观的抽奖工具 ，支持多种抽奖模式和自定义设置
，特别包含了隐藏的领导必中功能。系统采用现代UI设计，响应式布局 ，确保在各种屏幕尺寸下都能完美展示 。

✨ 核心功能

1. 显示设置

两种背景模式：支持纯色背景和壁纸背景
，颜色和图片均可自定义

窗口文字自定义：可自定义主标题和副标题

字体大小调节：支持根据需要调整抽奖时显示的字体大小

2. 抽奖功能

两种抽奖模式：单次循环抽奖和预设顺序抽奖

中奖人数设置：可自定义每次抽奖的中奖人数

抽奖速度调节：支持快慢速调节，适应不同场景需求

音效系统：抽奖和中奖时播放不同音效 ，提升氛围

视觉特效：包含烟花和彩纸特效
，增强庆祝效果

3. 名单管理

参与者管理：支持添加
、修改、删除参与者名单

领导名单设置：支持设置领导名单，可配置领导必中功能

多种导入格式：支持顿号分隔或每行一个的名单导入格式

数据持久化：所有名单和设置自动保存到本地存储

4. 中奖记录

自动保存：每次抽奖结果自动保存

记录查看：可查看所有中奖历史记录

清空功能：支持清空所有中奖记录

打印输出：支持将中奖名单打印出来

5. 隐藏功能

领导必中名单：可设置领导必中功能 ，支持全部领导必中或随机部分领导必中

隐蔽操作模式：通过快捷键隐藏呼出设置界面

6. 便捷操作

右键菜单：右键点击界面可快速访问常用功能

快捷键支持：丰富的快捷键操作，提升使用效率

全屏显示：支持全屏模式
，适合投影演示

⌨️ 快捷键列表

快捷键功能描述

F11全屏切换

Enter开始/停止抽奖

空格键当次中奖结果回放

Backspace返回主窗口

Alt+P中奖名单播放

Alt+/呼出设置界面

📁 名单导入格式

系统支持两种名单导入格式：

顿号分隔格式：

 复制代码 隐藏代码

张三 、李四
、王五、赵六

每行一个格式：

 复制代码 隐藏代码

张三

李四

王五

赵六

🚀 使用步骤

准备名单：在名单管理中添加参与者和领导名单

系统设置：通过右键菜单或Alt+/快捷键进入设置界面，配置抽奖参数

开始抽奖：点击开始按钮或按Enter键开始抽奖

停止抽奖：点击停止按钮或按Enter键停止抽奖 ，显示中奖结果

查看记录：点击"中奖名单"按钮查看所有中奖记录

💡 使用提示

每次正式抽奖前
，建议先清空中奖名单，避免旧记录影响结果

使用领导必中功能时 ，请先在名单管理中添加领导名单

背景图片支持本地图片上传或网络图片URL

所有设置和数据会自动保存
，刷新页面不会丢失

空格键可在中奖人数较多时自动翻页显示

🎨 界面预览

系统采用现代化UI设计，包含主抽奖界面 、名单管理界面
、中奖名单界面和设置界面 ，所有界面均支持响应式布局
，适配各种屏幕尺寸
。

🔧 技术说明

基于HTML5、CSS3和JavaScript开发

使用Tailwind CSS实现响应式布局和现代化UI

使用Font Awesome提供图标支持

通过localStorage实现本地数据持久化

纯前端实现，无需后端服务器支持

📋 注意事项

为获得最佳体验 ，请使用现代浏览器（Chrome 、Firefox、Edge等）

如需投影显示
，建议使用全屏模式（F11）

领导必中功能为隐藏功能，请合理使用

本系统仅供内部活动使用 ，请勿用于商业用途