抽奖活动/ 课堂点名前端源码-可录入抽奖人名单

吧唧部

已于 2023-10-16 17:19:28 修改

阅读量1.8k

点赞数 1

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

于 2021-05-02 18:22:30 首次发布

本文链接：https://blog.csdn.net/qq_42699732/article/details/116355672

版权

一、简易版本 - 抽奖活动代码

该代码以录入形式进行抽奖，抽奖内容以英文逗号间隔。话不多说，直接自己看。我也是借鉴网上源码自己改了给朋友凑合用的。当然也可以直接用做点名。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>抽奖活动</title>
    <style>
        *{
     margin: 0px;padding: 0px;}
        li{
     list-style: none;}
        body{
     
            font-family: "楷体";
            user-select:none;
			height: 100%;
			background-repeat: no-repeat;
			background-position: center top;
            /*background-color: red;*/
        }
        .section{
     
            position: relative;
            width:935px;
            height: 460px;
            background-color: rgba(0,0,0,.3);
			background-image: url('img/tb.jpg');
			background-size: 935px  460px;
           margin: 80px auto;
            text-align: center;
        }
        .section h2{
     
            height: 90px;
            line-height: 90px;
            font-size: 40px;
            color:#fff;