JS实现简单的抽奖转盘效果示例

本文实例讲述了JS实现简单的抽奖转盘效果。分享给大家供大家参考，具体如下：

  
  
  
  *{
    margin:0;
    padding:0;
    list-style: none;
  }
    .big{
      width: 318px;
      height: 318px;
      margin:100px auto;
    }
    .big>div{
      width: 100px;
      height: 100px;
      background: pink;
      float: left;
      line-height: 100px;
      text-align: center;
      border: solid;
    }
    .big>div:nth-of-type(5){
      background: yellow;
      cursor: pointer;
    }
    #act{
      background: red;
    }
  



  1
  2
  3
  8
  点击抽奖
  4
  7
  6
  5