JavaScript之幸运抽奖

最新推荐文章于 2024-07-31 13:55:09 发布

mr_tangshuai

最新推荐文章于 2024-07-31 13:55:09 发布

阅读量687

点赞数

本文链接：https://blog.csdn.net/mr_tangshuai/article/details/78471313

版权

这篇博客介绍了一个使用JavaScript实现的幸运抽奖程序。通过HTML和CSS构建了界面，JavaScript负责抽奖逻辑。用户可以通过键盘的回车键开始和暂停抽奖，ESC键可以重新开始。抽奖名单预设了多个名字，中奖者会被显示在页面上，并从名单中移除。当抽取到三名幸运者后，抽奖结束。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			body{
				background-color: #3F51B5;
			}
			.aside-left {
				position: absolute;
				left: 0;
				padding: 10px;
			}
			
			ol {
				margin-left: 20px;
			}
			
			ol li {
				padding: 10px 10px;
				font: italic 12pt "myfont";
			}
			
			h2 {
				text-align: center;
			}
			
			.aside-right {
				float: right;
				margin-right: 30px;
			}
			
			.container {
				position: absolute;
				left: 50%;
				margin-left: -512px;
				width: 1024px;
				height: 614px;
				background: url(img/bg.jpg) no-repeat;
			}
			
			.title {
				position: absolute;
				left: 0;
				right: 0;
				top: 2em;
				font: bold 3em "楷体";
				text-align: center;
			}
			
			@font-face {
				font-family: "myfont";
				src: url('font/FZLTXHJW.TTF');
			}
			
			#