首页新年年会抽奖html

新年年会抽奖html

时间: 2024-01-22 14:16:29 浏览: 78

html实现好看年会抽奖（源码）

5星 · 资源好评率100%

奖项分为，特等奖，一等奖，二等奖，三等奖，背景有抽奖音乐，如果已抽奖，会显示抽奖的用户信息，如果没有抽奖，界面会有抽奖按钮，点击抽奖开始酷炫抽奖。介绍地址： https://blog.csdn.net/weixin_43151418/article/details/113182706

以下是一个简单的新年年会抽奖的HTML代码示例： ```html <!DOCTYPE html> <html> <head> <title>新年年会抽奖</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <h1>新年年会抽奖</h1> <button id="startButton">开始抽奖</button> <div id="result"></div> <script> // 参与抽奖的手机号码列表 var phoneNumbers = [ "13812345678", "13987654321", "13678901234", "13765432109", "13567890123" ]; // 点击开始抽奖按钮时触发的函数 $("#startButton").click(function() { // 随机选择一个手机号码 var randomNumber = Math.floor(Math.random() * phoneNumbers.length); var winner = phoneNumbers[randomNumber]; // 显示中奖结果 $("#result").text("恭喜 " + winner + " 中奖！"); }); </script> </body> </html> ``` 这段代码使用了jQuery库来简化操作。在页面上有一个标题、一个开始抽奖的按钮和一个用于显示中奖结果的区域。当点击开始抽奖按钮时，会从参与抽奖的手机号码列表中随机选择一个号码，并将中奖结果显示在页面上。

阅读全文