New Year's Party, annual meeting, holiday Lottery software, lottery page download

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.