元旦晚會、年會、節日抽獎軟件、抽獎網頁下載

本身寫的。網頁版網頁版網頁版

點擊連接下載便可。也有自定義的教程（適合前端小白，大神請不要點開教程，侮辱我）

 

下載連接：

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