html抽奖代码_年会抽奖.Lucy.baby.可简单部署在本地使用

刚过元旦，马上又要到春节了，各公司各厂店各保险公司年会都已经轰轰烈烈的开展起来。鼠年的春节来的特别早，这不，今天才元月7日，就已经是腊月十三了，再过12个工作日，立马除夕过年。而年会上的重头戏，除了一场壮观的演出、一席山珍海味之外，抽奖是必不可少，也是最激动人心的环节了。
有高人在GitHub上展示了一个年会抽奖的代码，并提供了一个演示界面，发现基本上可以满足年会抽奖的需求，在作者的基础上，抽取了一个可以本地运行的版本，当然前期是要提供WEB服务的电脑才行。在本机测试了一下，基本没有问题。

具体的使用，作者也在页面上解释的非常的详细了，按照作者的介绍，试用了一下。首先是在网上随意生成了60个人的名字，并导入了名单。导入的时候简单借用Excel表格，一列为编号，一列为姓名，复制即可。复制后，主界面显示的就是姓名了，而不是数字。如果可以的话，也可以导入对应人员的照片，那么在滚动的时候，抽中的时候，也会显示对应的图片。

抽奖的方式可以多种选择，可以一次抽1人，也可以抽5人，或者一次性抽完，也可以自定义一次抽取多少人。这样的可玩性就大了，例如，次等的奖可以一次性抽完或者抽多一些，大奖就一次一个来。

抽取点击开始后，屏幕上人员 的姓名开始滚动，直到点击停止后，才会在屏幕上显示中奖的人员名单与编号。

另外除了抽完后显示的名单外，在右上角也有抽奖结果的按钮。点开后，则可对相应的人员编号进行点击删除。相当于抹除了相应的中奖纪录了。

当然，这一切，首先要做的操作是，进行抽奖配置。如设置奖项，设置参与抽奖的总人数、相应奖项的人数。

做了一些小修改，rar压缩包放在百度云盘上了。如果要修改背景音乐，可以修改media文件夹中的mp3，如果要修改背景图片，则修改下img文件夹中的图片。当然如果要在本地运行，本地必须支持WEB服务，这样才可以用浏览器来访问。
源代码：https://github.com/vitozyf/lucky-draw
演示地址：https://vitozyf.github.io/lucky-draw/index.html本地运行版： 百度云盘 提取码：yajw

更多：

年会抽奖.Lucy.baby.可简单部署在本地使用​www.iappi.cn