Write it by myself. Web version Web page version
Click on the link to download. There are also custom tutorials (suitable for front-end small white, big God please don't open tutorials, insult me)
Download Link:
Way One: Https://files.cnblogs.com/files/simuhunluo/choujiang.zip
Way two: Https://pan.baidu.com/s/1slSd9JB Password: myox
Can be full screen:
Effect
Implementation features:
Lottery.
Can be smoked, second-class, if the intermediate process page can not be refreshed or closed. Once reopened, all data will be reset.
Customization is easier.
│.project
│index.html
│ Custom Tutorial. txt
│
├─css
│bootstrap.min.css
│index.css
│
├─img
│background.jpg
│ Maximize. png
│ Minimize. png
│
├─js
│bootstrap.min.js
│index.js
│jquery.min.js
│
└─media
The music of the winner's birth. mp3
Music during the lottery. mp3
Fireworks. swf
---------------------------------------------------------------
The above is the project directory tree.
---------------------------------------------------------------
The following is a custom tutorial:
The upper-left upper-right corner has a full screen button, full screen button and full screen button. Please use Chrome browser to open, other browsers do not guarantee compatibility. At least the edge, ie, don't think about it.
1, positioning to the 27th line of index.html, the "must be small mi qq:1132298436" text deleted.
2, change the background map: the resolution of the proposed picture to prepare a few, the default will automatically stretch the picture to full screen, so too wide too narrow picture bad.
IMG folder under the Backgroung, ready for the same named image overlay. Note the extension. jpg
3. The music method of replacing the lucky Draw music and the winner is ibid.
4. Replace the lottery winners list:
Navigate to the 17th line of the Index.js file under the JS folder. Put the text that you want to display on the interface and paste it in the same format.
5, change the fireworks display time:
Navigate to line 85th of Index.js (the line number is based on the initial file that you just downloaded, and customize the line number after the modification is referenced)
You can change the numbers. For example, 5000 represents 5s after the fireworks automatically disappear.
6, remove the fireworks effect. Delete the 14-19 rows of the index.html.
7, change the name of the winner to display the location, only to say how to change the top and bottom position. index.html file 25 lines, modify the value of Margin-top. The larger the value, the farther away from the top.
8, modify the lottery button to show the location, only to say how to change the top and bottom position. index.html file 29 Lines, modify the value of Margin-top. The higher the value, the greater the distance from the top
9, more complex effect, please re-package the project folder, the right mouse button, select Delete, empty Recycle Bin, continue to search.
New Year's Party, annual meeting, holiday Lottery software, lottery page download