一聚教程网:一个值得你收藏的教程网站

热门教程

html如何实现随机点名器 html实现随机点名器代码示例

时间:2022-06-25 17:51:44 编辑:袖梨 来源:一聚教程网

html如何实现随机点名器?本篇文章小编给大家分享一下html实现随机点名器代码示例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。

此点名器开始点名后需点击停止按钮完成点名,因为是精简版没有考虑自动停止需求。姓名数据以字符串形式储存,适合小范围点名使用,有大量需求可自己适当改进。


    
    css样式 */
        .wrapper {
            
            margin: 100px auto;
            border: 1px solid #ddd;
            text-align: center;
        }

        .box li {
            vertical-align: top;
            display: inline-block;
            
            
            border: 2px solid #ddd;
            border-radius: 15px;
            text-align: center;
            line-
            margin: 5px;
        }
        
        .wrapper button {
            border: none;
            
            
            border-radius: 10px;
            cursor: pointer;
            outline: none;
            margin-top: 20px;
            font-weight: bolder;
            color: #333;
            background-color: rgb(14, 146, 43);
        }

        .wrapper button {
            display: inline-block;
        }

        body {
            background-color: #eee;
        }
    




    

随机点名系统

//实时显示系统时间标签

    附效果图

    热门栏目