zoukankan      html  css  js  c++  java
  • 元旦晚会、年会、节日抽奖软件、抽奖网页下载

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

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

    下载链接:

    方式一: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

  • 相关阅读:
    107. Binary Tree Level Order Traversal II
    108. Convert Sorted Array to Binary Search Tree
    111. Minimum Depth of Binary Tree
    49. Group Anagrams
    使用MALTAB标定实践记录
    442. Find All Duplicates in an Array
    522. Longest Uncommon Subsequence II
    354. Russian Doll Envelopes
    opencv 小任务3 灰度直方图
    opencv 小任务2 灰度
  • 原文地址:https://www.cnblogs.com/simuhunluo/p/8076501.html
Copyright © 2011-2022 走看看