随机点名小程序

最新推荐文章于 2022-10-29 16:55:09 发布

weixin_46837969

最新推荐文章于 2022-10-29 16:55:09 发布

阅读量5.8k

点赞数 1

分类专栏： JQuery 文章标签： javascript jquery css html

本文链接：https://blog.csdn.net/weixin_46837969/article/details/106938275

版权

本文介绍如何利用JavaScript、jQuery、CSS和HTML创建一款简单的随机点名小程序。通过JavaScript实现随机选择姓名的功能，结合jQuery简化DOM操作，利用CSS美化界面，以及HTML布局，打造一个实用的教学辅助工具。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>点名</title>
    <style>
        /* 页面背景色 */
        body{
    
            background-color: gray;
        }
        /* 所有div居中 */
        div{
    
           text-align: center;
        }
        /* 设置显示时间区域大小、位置 */
        #time{
    
            text-align: right;
            margin-right: 300px;
            margin-bottom: 10px;
            vertical-align:middle;
        }
        /* 开始停止标签区域和名单区域间隔*/
        #divLast{
    
            margin-top: 20px;
        }
        /* 开始和停止标签大小、背景颜色 */
        input{
    
            height: 30px;
            width: 80px;
            background-color: honeydew;
        }
        /* 名单表格居中显示 */
        table{
    
            margin: auto;
        }
        /* 每个表格大小、背景颜色、外边距 */
        td{
    
            height: 10px;
            width: 80px;

最低0.47元/天解锁文章

weixin_46837969

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
随机点名小程序

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>点名</title> <style> /* 页面背景色 */ body
复制链接

扫一扫

专栏目录