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


自己寫的。網頁版網頁版網頁版

點擊鏈接下載即可。也有自定義的教程(適合前端小白,大神請不要點開教程,侮辱我)

 

下載鏈接:

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM