利用HTML实现上课随机点名

天涯磨剑客

已于 2022-10-19 20:17:28 修改

阅读量2.9k

点赞数 3

分类专栏：小白学习记录文章标签： html css javascript

于 2022-10-19 20:16:36 首次发布

本文链接：https://blog.csdn.net/Mo_jian/article/details/127414619

版权

记录学习的第二天!

高中数学老师一枚，为增强上课的趣味性，激发学生的学习欲望，专门用HTML5写了一个上课随机点名系统。通过实践检验，效果良好！

虽然学校一体机配备有点名软件，但老师自己写的小玩意可以极大勾起学生的兴趣。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <style type="text/css">
        #start{width: 100px;height: 50px;text-align:center;line-height:50px;
        position: relative;top: 480px;left: 300px;background: #99cc33;margin: 0;padding: 0;}
        #end{width: 100px;height: 50px;text-align:center;line-height:50px;
        position: relative;top: 480px;left: 570px;background: #FF0000;margin: 0;padding: 0;}
        /* 修改框图大小 */
        .p{width: 80px;height: 60px;background: #20B2AA;float: left;margin: 10px;text-align: center;line-height: 60px;}
        #box{overflow: hidden;}
        /* .p{width: 100px;height: 100px;background: #20B2AA;float: left;margi