您当前的位置: 首页 > 

梁同学与Android

暂无认证

  • 4浏览

    0关注

    618博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

js实现课堂随机点名系统

梁同学与Android 发布时间:2019-12-10 19:41:47 ,浏览量:4

js实现课堂点名案例

style样式


		.cor {
			background-color: #6083cd;
		}
		#box {
			width: 500px;
			border: 2px solid black;
			margin: 0 auto;
			height: 500px;
		}
		ul {
			list-style: none;
		}
		li {
			width: 50px;
			height: 50px;
			margin: 20px;
			float: left;
			line-height: 50px;
			text-align: center;
		}
		.center {
			width: 156px;
			height: 40px;
			line-height: 40px;
			margin: 0 auto;
		}
		#pp {
			display: block;
			text-align: center;
			margin-top: 40px;
			font-size: 35px;
 
		}

body排列

点名系统

js代码


		function my$(id){
			return document.getElementById(id);
		}
 
		
		//定义数组,存放数值
		var arr = ["卓子贤","梁图","袁绍思","张家磊","梁文龙","方志豪","曾勇强","陈文"];
 
		//先创建一个ul加入到名字为dv的div中
		var oul = document.createElement("ul");	
		my$("dv").appendChild(oul);
		//接下来遍历arr数组,动态创建li元素并且加入到ul中,并且把数组变量动态写到li中
		for(var i=0;i            
关注
打赏
1660730345
查看更多评论
0.0394s