HTML5抽奖动画

一个用于抽奖的简单HTML5 APP

luckydraw.html

入口页面.

操作与设置

控制

• Enter : 进行下一步
• ↑ : 增加这一轮抽奖可点开的卡片数量。
• ↓ : 减少这一轮抽奖可点开的卡片数量。
• C : 切换控制台面板的显示。
• P : 切换中奖列表的显示。
• M : 播放/暂停音乐。

设置

• 要求必须使用chrome浏览器最新稳定版 ！

• 屏幕宽高

  最合适的屏幕宽高为 is 1024 * 768，改变屏幕宽度会自动按比例适配。

  在chrome控制台执行函数 setScale(0.5) 可以设置屏幕显示一半宽度。

  在chrome控制台执行函数 setScale(0) 可还原屏幕为大小和位置。

  添加这个功能的原因，是有些LED屏幕仅能显示后台计算机的左上角区域屏幕。

• 使用了 localstorage

  在任何步骤都会保存数据，不怕浏览器刷新。

  按C键打开控制面板，点“重置奖箱”按钮会重置抽奖数据为初始状态。

• 导入名称与工号

  按C键打开控制面板，点选择文件可以导入一个文本文件来导入抽奖数据。

  该抽奖数据应当仅包含工号和姓名，工号为第一列，姓名为第二列。

  Excel文件中的数据可直接粘贴到该文本文件，需要确保该文本文件为utf-8格式。