原生js实现点名器

原创

于 2019-03-23 09:09:51 发布 · 2.4k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #js #点名器

本文介绍了如何使用原生JavaScript来创建一个简单的点名器。通过HTML布局，CSS美化，以及JS实现点名逻辑，实现了一个直观易用的点名工具。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：

manwei

直接上代码，太简单了：

html：

<!DOCTYPE html>
<html>
<head>
	<title>漫威点名器</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="test9.css">
</head>
<body>
	<div id="container">
		<div id="display"></div>
		<div id="button">选择英雄</div>
	</div>
	<script type="text/javascript" src="test9.js"></script>
</body>
</html>

css：

/*------------------------公共样式表----------------------------*/
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/*------------------------功能样式表----------------------------*/
#container {
	position: relative;
    width: 600px;
    height: