本篇文章主要介绍了原生javascript实现九宫格抽奖效果代码。具有很好的参考价值。下面跟着小编一起来看下吧
效果图:
代码如下:
*{margin:0;padding:0;}
#container{width:310px;height:310px;margin:30px auto;}
#ul1{width:310px;height:310px;list-style:none;}
#ul1 li,#ul1 a{width:100px;height:100px;border:1px solid #565656;float:left;text-align:center;line-height:100px;}
#ul1 a:hover{cursor:pointer;color:orange;font-size:18px;}
#ul1 .active{background:red;color:#fff;}
#pp{line-height:32px;color:#9a9a9a;text-align:center;}
- 一等奖
- 二等奖
- 三等奖
- 四等奖
开始
五等奖六等奖七等奖八等奖var container = document.getElementById('container'),
li = container.getElementsByTagName('li'),
aa = co