元旦晚会、年会、节日抽奖软件、抽奖网页下载

自己写的。网页版网页版网页版

点击链接下载即可。也有自定义的教程（适合前端小白，大神请不要点开教程，侮辱我）

下载链接：

方式一：https://files.cnblogs.com/files/simuhunluo/choujiang.zip

方式二：https://pan.baidu.com/s/1slSd9JB 密码：myox

可以全屏：

效果如图：

实现功能：
抽奖。
可以抽一等、二等，前提是中间过程页面不可以被刷新或者关闭。一旦重新打开，所有数据将重置。
自定义比较简单。

│ .project
│ index.html
│ 自定义教程.txt
│
├─css
│ bootstrap.min.css
│ index.css
│
├─img
│ background.jpg
│ 最大化.png
│ 最小化.png
│
├─js
│ bootstrap.min.js
│ index.js
│ jquery.min.js
│
└─media
中奖者诞生的音乐.mp3
抽奖时候的音乐.mp3
烟花.swf
---------------------------------------------------------------
以上为项目目录树。
---------------------------------------------------------------
以下为自定义教程：
左上右上角有全屏按钮，有全屏按钮，有全屏按钮。请用Chrome浏览器打开，别的浏览器不保证兼容。至少Edge、IE什么的就别考虑了。
1、定位到index.html的第27行，把“作者：须小弥 QQ:1132298436”文字删除。
2、更换背景图：建议图片的分辨率多准备几个，默认会自动拉伸图片至铺满全屏，所以过宽过窄的图不好。
img文件夹下的backgroung，准备相同命名的图片覆盖即可。注意扩展名.jpg
3、更换抽奖音乐和中奖者诞生的音乐方法同上。
4、更换抽奖者列表：
定位到js文件夹下的index.js文件的第17行。把要显示在界面上的文字，按照相同的格式整理粘贴进来即可。
5、修改烟花显示时间：
定位到index.js的第85行（行号以刚下载的初始文件为基准，自定义修改之后的行号别做参考了）
修改数字就可以了。例如5000代表5s后烟花自动消失。
6、去掉烟花效果。删除 index.html的14-19行。
7、修改中奖者名字显示的位置，只说怎么改上下的位置。index.html文件25行，修改margin-top的数值。值越大，距离顶部越远。
8、修改抽奖按钮显示的位置，只说怎么改上下的位置。index.html文件29行，修改margin-top的数值。值越大，距离顶部越
9、更加复杂的效果，请把项目文件夹重新打包->鼠标右键->选择删除->清空回收站->继续搜吧。

转载于:https://www.cnblogs.com/simuhunluo/p/8076501.html

元旦晚会、年会、节日抽奖软件、抽奖网页下载相关推荐

公司年会抽奖软件，提供MFC源代码下载
1 软件概述本抽奖软件用于20xx年手机体系深圳联欢会抽奖用,通过点击"开始"和"停止"按钮随机抽出中奖人信息并显示,以此更好地完成抽奖环节. 1.1 抽奖 ...
年关将至，公司都有年会了，做个幸运大抽奖软件，一起庆祝下
由于一个朋友的要求,需要在晚会上做一个抽奖的软件,来随即抽取录入的号码进行抽奖,于是参考了一下别人做的抽奖程序,然后抽时间做了一个这样的软件,应该总体还是符合实际要求了,这样的程序麻雀虽小,五脏俱全的 ...
年会抽奖抽奖系统抽奖软件 C# Winform
年会抽奖软件: Q.Q 358189777 C#. 数据库Access: 1.系统启动,自动全屏展示. 2.背景随心切换. 3.快捷键方便自如: F1:弹出设置界面 F2:查询人员名单.中奖名单 F ...
【GTK4】又快年底了，100行代码教你做一款简单的年会抽奖软件
博主未授权任何人或组织机构转载博主任何原创文章,感谢各位对原创的支持! 博主链接文章目录自制一款简单的抽奖软件一.参与抽奖同事信息准备二.准备GTK4环境三.开始Coding 3.1 创建抽 ...
gif一键抠图在线_手机一键抠图去背景||电脑抽奖软件
点击上方蓝色字体,关注我们由于前几天公众号出现了点状况,延误了和大家分享神器福利和资源的计划,从今天开始小辛会加大文章的干货质量保证每天都有干货.资源和大家分享!Android傲软抠图是一款专为抠图 ...
518抽奖软件——极简设计、极致体验
518抽奖软件--极简设计.极致体验名称:518抽奖软件版本:3.1 大小:14520KB 语言:简体中文授权:试用版插件:无分类:应用-办公工具图标:http://www.518cj.n ...
python实现抽奖软件（一）
使用python做一个年会抽奖软件(一) 先来个几张最终的图花了2个晚上,一个下午. 最终这个功能里面,包含了滚动抽奖,显示当前场次的抽奖情况,可以显示所有抽奖,可以选择奖项,剔除了中奖的人重新抽 ...
【抽奖软件】C++，duilib实现完整抽奖软件系统（有源码）
最近帮朋友做了一个晚会抽奖软件系统,在这里和大家分享一下,有需要的可以参考,时间紧,本人水平有限,有些地方处理的还不是太理想,欢迎大家指出来. 1,设计思路朋友单位要举办个晚会,他是组织者,有个抽奖 ...
518抽奖软件：极简主义设计的践行者
软件用途用于企业年会抽奖,通过电脑连接LED或投影仪,实现大屏幕随机滚动抽取照片.号码.姓名的电脑软件.软件自带音效.精美的背景图,可以提升大中型年会的气氛.也可用于婚庆等其它场所. 开发原因市面 ...
Python制作一个简单的抽奖软件（二）
Python制作一个简单的抽奖软件(二) 认识QT 因为都对 QT和tkinter都没用过,之前简单使用tkinter后发现,界面调整不太好弄.然后度娘了之后,QT是强大GUI库之一,很多人都推荐它. ...

元旦晚会、年会、节日抽奖软件、抽奖网页下载

元旦晚会、年会、节日抽奖软件、抽奖网页下载相关推荐

最新文章

热门文章