想要一个新年抽奖软件

用网页做一个类似效果的随机点名,

复制以下代码,然后创建一个新的index.html并将代码粘贴到其中,然后打开文件查看效果。

& lt!DOCTYPE?html & gt

& lthtml?lang = " zh " & gt

& lthead & gt

& ltmeta?charset="UTF-8 " >

& ltmeta?name="viewport "?content = " width =设备宽度,?initial-scale=1.0 " >

& ltmeta?http-equiv="X-UA兼容"?content="ie=edge " >

& lttitle & gt随机点名

& ltstyle & gt

* {填充:?0;边距:?0;}

#name{width:1200 px;边距:?0?自动;显示:?flex柔性包装:?wrap}

#姓名?李{显示:?屏蔽;填充:?10px?15px;边框:?4px?固体?# e3e3e3宽度:?8%;保证金:1%;颜色:?绿色;背景:?# eee字体粗细:?粗体;文本对齐:?居中;字体大小:?18px;框大小:?边框;}

#姓名?div {宽度:?100%;文本对齐:?居中;}

#姓名?按钮{填充:?10px?15px;显示:?内嵌块;}

#姓名?。活动{border:?4px?固体?红色;颜色:?红色;}

。项目{margin:?100px?自动;宽度:?1200 px;}

。物品?输入{填充:?0?5px框大小:?边框;行高:?35px}

。物品?按钮{填充:?8px}

。物品?#yz,。物品?# yz2 {填充:?8px?15px;字体粗细:?粗体;}

& lt/style & gt;

& lt/head & gt;

& ltbody & gt

& ltul?id = " name " & gt

/*?在这里写下名字,每一个?& lt李& gt* * * & lt/李& gt?是一个人的名字,

& lt李& gt张三

& lt李& gt李四

& lt李& gt王武

& lt李& gt刘钊

& lt李& gt孙琦

& lt李& gt钱八

& lt李& gt姚

& lt李& gt龙十

& lt李& gt龙十一

& lt李& gt张海的

& lt李& gt李

& lt李& gt王大狗

& lt李& gt赵茜

& lt李& gt孙悟空

& lt李& gt猪八戒

& lt李& gt唐三藏

& lt李& gt沙和尚

& lt李& gt白

& lt李& gt唐太宗李;

& lt李& gt李世民

& lt李& gt贾宝玉

& lt李& gt秦始皇

& lt李& gt赵匡胤

& lt李& gt康熙

& lt李& gt甘龙

& lt李& gt魁拔

& lt李& gt美女

& lt李& gt黑色煤化

& lt李& gt唐唐

& lt李& gt李隆基

& lt/ul & gt;

& ltdiv?style="text-align:center " >

& lt按钮?id="btn "?style = " display:inline-block;填充:10px?25px边框:1px?固体?红色;边框半径:25px背景:橙色;字体大小:?18px;字体粗细:?粗体;颜色:?# fff字母间距:2px"& gt开始点名

& lt/div & gt;

& lt脚本& gt

/*

*?随机点名开始

*/

var?btn?=?document . getelementbyid(' BTN ');

var?na?=?document.getElementById('name ')

var?lis?=?na . getelementsbytagname(' Li ');

功能?名称(){

var?指数?=?parse int(math . random()* 30);

var?ind?=?指数;

for(var?我?=?0;我& lt长度;i++){

列表[i]。类名?=?''

}

lis[索引]。类名?=?"活动"

}

var?答?=?真实;

var?nameStart

btn.onclick=?函数(){

如果(a){

nameStart?=?setInterval(名称,0)

btn.innerHTML?=?'停止点名'

答?=?假的;

}否则{

clearInterval(名称开始)

btn.innerHTML?=?'开始点名'

答?=?真实;

}

}

/*

*?随机点名结束

*/

& lt/script & gt;

& lt/body & gt;

& lt/html & gt;