1. 程式人生 > >元旦晚會、年會、節日抽獎軟件、抽獎網頁下載

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

自動拉伸 min wid 適合 顯示 要點 pan 相同 年會

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

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

下載鏈接:

方式一: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、更加復雜的效果,請把項目文件夾重新打包->鼠標右鍵->選擇刪除->清空回收站->繼續搜吧。

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