随机点名-html代码-BFW代码库

随机点名

代码语言：html

所属分类：其他

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PHP PAGE</title>


    <style>
        #box {
            width: 30%;
            height: 200px;
            background-color: rgb(233, 248, 214);
            border: 1px solid rgb(130, 216, 18);
            font-size: 40px;
            font-weight: 600;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 200px;
            text-align: center;
            margin: 25px auto;
            border-radius: 10px;
        }
        span {
            display: block;
            width: 30%;
            height: 44px;
            line-height: 44px;
            background-color: rgb(6, 158, 64);
            border-radius: 10px;
            color: #fff;
            text-align: center;
            margin: 0 auto;
            font-size: 18px;
            font-family: 华文细黑;
        }
        span:hover {
            background-color: rgb(4, 190, 76);
        }
    </style>
</head>
<body>
    <div id="box">
        随机点名
    </div>
    <span id="span">开始</span>
    <script type="text/javascript">

        var arr = ["西施", "马超", "曜", "云中君", "瑶", "猪八戒", "嫦娥", "伽罗", "盾山", "司马懿", "孙策", "元歌", "米莱狄", "狂铁", "弈星", "裴擒虎",
            "杨玉环", "公孙离", "明世隐", "女娲", "梦奇", "苏烈", "百里玄策", "百里守约", "铠", "鬼谷子", "干将莫邪", "东皇太一", "大乔", "黄忠", "诸葛亮",
            "哪吒", "太乙真人", "蔡文姬", "雅典娜", "杨戬", "成吉思汗", "钟馗", "虞姬", "李元芳", "张飞", "刘备", "后羿", "牛魔", "孙悟空", "亚瑟", "橘右京",
            "娜可露露", "不知火舞", "张良", "花木兰", "兰陵王".........完整代码请登录后点击上方下载按钮下载查看