js实现简单抽奖功能

本文实例为大家分享了js实现简单抽奖功能的具体代码，供大家参考，具体内容如下

代码

 
 
 
 
 #box{
 border: 1px solid aqua;
 height: 100px;
 width: 200px;
 text-align: center;
 line-height: 100px;
 margin: auto;
 font-size: 22px;
 }
 .active{
 background: slateblue;
 }
 li{
 text-align: center;
 list-style:none ;
 width: 40px;
 height: 20px;
 line-height: 20px;
 border: 1px solid blue;
 margin-left: 40px;
 
 float: left;
 }
 ul,li
 {
 list-style: none;
 
 }
 #shu
 {
 margin: auto;
 }
 
 
 
 
 开始停止
 
 恭喜1号 
 0等奖
 

 
1号
 
2号
 
3号
 
4号
 
5号
 
6号
 
7号
 
 
 

效果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。