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

本身写的。网页版网页版网页版

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

 

下载连接：

方式一：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什么的就别考虑了。
一、定位到index.html的第27行，把“做者：须小弥 QQ:1132298436”文字删除。
二、更换背景图：建议图片的分辨率多准备几个，默认会自动拉伸图片至铺满全屏，因此过宽过窄的图 很差。
img文件夹下的backgroung，准备相同命名的图片覆盖便可。注意扩展名.jpg
三、更换抽奖音乐和中奖者诞生的音乐方法同上。
四、更换抽奖者列表：
定位到js文件夹下的index.js文件的第17行。把要显示在界面上的文字，按照相同的格式整理粘贴进来便可。
五、修改烟花显示时间：
定位到index.js的第85行（行号以刚下载的初始文件为基准，自定义修改以后的行号别作参考了）
修改数字就能够了。例如5000表明5s后烟花自动消失。
六、去掉烟花效果。删除 index.html的14-19行。
七、修改中奖者名字显示的位置，只说怎么改上下的位置。index.html文件25行，修改margin-top的数值。值越大，距离顶部越远。
八、修改抽奖按钮显示的位置，只说怎么改上下的位置。index.html文件29行，修改margin-top的数值。值越大，距离顶部越
九、更加复杂的效果，请把项目文件夹从新打包->鼠标右键->选择删除->清空回收站->继续搜吧。

 

欢迎关注微信公众号“ IT客“ ，投稿邮箱 itkeyy@163.com