jquery实现可自定义抽奖选项和标题的大转盘抽奖效果代码-html代码-BFW代码库

jquery实现可自定义抽奖选项和标题的大转盘抽奖效果代码

代码语言：html

所属分类：大转盘

代码描述：jquery实现可自定义抽奖选项和标题的大转盘抽奖效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<html style="background: #fffff5;">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="yes" name="apple-touch-fullscreen" />
    <meta content="telephone=no,email=no" name="format-detection" />
    <meta content="maximum-dpr=2" name="flexible" />
    <meta content="modeName=750-12" name="grid" />
    <title></title>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/flexible.js"></script>
    <style>
        .overflow {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    a {
      text-decoration: none;
    }
    .clearfix:after {
      content: "";
      display: block;
      clear: both;
    }
    .clearfix {
      *zoom: 1;
    }
    input,
    textarea,
    select {
      outline: none;
    }
    .minInput {
      border: none;
      outline: none;
      font-family: "黑体";
      background: transparent;
    }
    .border_box {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      /* Firefox */
      -webkit-box-sizing: border-box;
      /* Safari */
    }
    i,
    e {
      font-style: normal;
    }
    a:link {
      text-decoration: none;
    }
    .TurntablePage .TurntableBox {
      text-align: center;
    }
    .TurntablePage .TurntableBox .title {
      text-align: center;
      color: #333;
      font-size: 0.48rem;
      padding-bottom: 0.26666667rem;
      padding-top: 0.26666667rem;
    }
    .TurntablePage .TurntableBox .turnplate {
      width: 8.26666667rem;
      height: 8.26666667rem;
      margin: 0 auto;
      position: relative;
    }
    .TurntablePage .TurntableBox .turnplate canvas {
      width: 100%;
      height: 100%;
    }
    .TurntablePage .TurntableBox .turnplate img {
      width: 1.6rem;
      position: absolute;
      left: 50%;
      top: 2.82666667rem;
      transform: translateX(-50%);
    }
    .TurntablePage .editBox {
      text-align: center;
    }
    .TurntablePage .editBox a {
      display: inline-block;
      padding: 0.13333333rem 0.4rem 0.13333333rem 0.4rem;
      font-size: 0.34666667rem;
      border: 1px solid #d2d2d2;
      border-radius: 0.10666667rem;
      color: #333;
      position: relative;
      z-index: 10000;
    }
    .TurntablePage .editBox .done {
      border: 1px solid #ff9c22;
      color: #fff;
      background: #ff9c22;
   .........完整代码请登录后点击上方下载按钮下载查看