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


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

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

    下载链接:

    方式一: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、更加复杂的效果,请把项目文件夹重新打包->鼠标右键->选择删除->清空回收站->继续搜吧。

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

  • 相关阅读:
    ELM学习
    《进化》从孤胆极客到高效团队
    《人件》《PeopleWare》 【美】Tom DeMarco TimothyLister 著 肖然 张逸 滕云 译
    《进化》从孤胆极客到高效团队---Notes1
    大数据第一部分LInux学习Note1
    C#Windows窗体初学
    C#初学笔记(Windows编程的基本概念)
    C#学习2017-9-26(读取文本文件和读取二进制文件)Notes9
    C#学习2017-9-26Notes8(文件和流,FileStream类)
    C#学习笔记Notes8(接口,接口实现,程序集,命名空间,using)
  • 原文地址:https://www.cnblogs.com/simuhunluo/p/8076501.html
Copyright © 2020-2023  润新知