端午年会抽奖系统HTML网页源码

释放双眼,带上耳机,听听看~!

HTML 5 网页端午年会抽奖HTML源码,只需要导入名单列表即可,可内定中奖人员!也可随机抽选,感兴趣的可以下载!

源码截图

端午年会抽奖系统HTML网页源码端午年会抽奖系统HTML网页源码端午年会抽奖系统HTML网页源码

演示地址:点击进入

使用方式

  • 下载项目后,通过浏览器打开 index.html 主入口,然后导入名单即可使用,也可以自定义奖项名称,内定中奖人员,不用担心误关窗口。
0、index.html: 主入口,lucky-draw.html 为抽奖页面。
1、误关抽奖窗口、刷新网页都不会导致丢失用户名单、中奖名单、剩余未中奖用户名单、奖项配置等,所以误操作也没事,可以重新在同一个浏览器中打开,再次进入抽奖页,继续操作即可,流程保持不变。
2、想要清空数据,必须在主页 index.html 中点击清空所有数据,才会清理用户名单、中奖名单、奖项配置等所有配置,相当于重置,否则在同一浏览器中会一直保留。
3、支持 .xlsx、.xls、.csv 文件格式上传
4、支持自定义奖项模式、默认抽奖模式
5、已经中过奖的人不会重复中奖
6、在上面支持的文件格式中每个单元格是一个用户
7、每个单元格支持的用户格式,可以混合存在文件中:
(没有设置指定第几轮中奖的会完全随机抽,所以不需要内定的时候,不要用设置第几轮中奖的名单方式就行了)

  名字
  名字-部门(或职位, 或描述)
  名字-第几轮中奖(只能数字,不设置随机)
  名字-部门(或职位, 或描述)
  名字-部门(或职位, 或描述)-第几轮中奖(只能数字,不设置随机)

  注意:第几轮中奖(只能数字,不设置随机) 这一项在自定义奖项模式、默认抽奖模式中用法一样,作用不同。
  默认抽奖模式:指的是第几轮中奖
  自定义奖项模式:这个模式下就不会按轮来进行中奖,对应的是自定义奖项时填写的标签,如果一个自定义奖项的标签设置为1,然后选择这个奖项抽奖时,用户列表里面有按上面模式设置了1的用户则会中奖,这个标签是可选项,不设置就完全随机,如果设置就会去名单列表中找到匹配的用户。

  例如:

  张三
  李四-1
  王五-财务部
  赵六-副总-2

二.美化版本

这里有一个美化优化版本,对布局做了调整,支持手机竖屏,使用方式都一样。

支持主题名称、背景切换、抽奖用户是否可以重复中奖、抽奖页面样式美观…

源码截图

端午年会抽奖系统HTML网页源码端午年会抽奖系统HTML网页源码端午年会抽奖系统HTML网页源码

演示地址:点击进入

文章链接:https://wuzuhua.cn/1168.html
文章标题:端午年会抽奖系统HTML网页源码
文章版权:空木白博客 (https://wuzuhua.cn) 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于2023年11月15日 21时01分18秒,某些文章具有时效性,若有错误或已失效,请在下方留言或联系空木白:18177233@qq.com
下载权限
查看
  • 免费下载
    评论并刷新后下载
    登录后下载
  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

给TA打赏
共{{data.count}}人
人已打赏
网站源码

简洁的拟态个人主页HTML源码

2023-11-14 17:03:39

网站源码

好看简约的个人导航主页HTML源码

2023-11-26 5:11:16

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
我是底线可爱胖!冲鸭~