摇奖代码

下载代码

html

css

js

分享到微信朋友圈

X

html

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.18.5/TweenMax.min.js"></script>
<svg viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <clipPath id="reelMask">
      <circle id="bg" cx="412.83" cy="314.6" r="60.73"/>
    </clipPath>
  </defs>
  <g id="logoGroup">
    <use xlink:href="#bg"/>
    <path id="handle" d="M504.91,232.06A9,9,0,0,0,496,223h-1a8.65,8.65,0,0,0-6.35,2.71,8.36,8.36,0,0,0-2.71,6.37v48.82a8.19,8.19,0,0,0,2.71,6.22,9.06,9.06,0,0,0,3.81,2.39v22.27H478.33v6.85h14.8q6.2,0,6.2-6.22V289.16a9,9,0,0,0,3-2.06,8.42,8.42,0,0,0,2.56-6.22V232.06Z"/>
  </g>  
  <g id="maskedReel" clip-path="url(#reelMask)">
  <g id="reelGroup">
    <g id="sevenGroup">
      <path d="M540.15,968.72H524.48a7.13,7.13,0,0,1-7-6.91q0-.13,0-0.26a44.58,44.58,0,0,1,4.7-22.1q0.87-1.7,1.91-3.33a10.47,10.47,0,0,1-6.18,2h-4.41a7.47,7.47,0,0,1-7.81-7.81V915.7a7.48,7.48,0,0,1,7.81-7.83H518a8.7,8.7,0,0,1,5,1.61,21.62,21.62,0,0,1,7.08-1.47c4.08-.19,9,0.71,15,2.75l0.39,0.15a4,4,0,0,0,1.68.19A4.07,4.07,0,0,0,548,911l0,0c4.35-3.35,8.35-2,10.46.19l0,0,4,4.25,0.11,0.12a6.74,6.74,0,0,1,0,9.16l-0.32.34C552,935.2,547,946.8,547.16,960.58a8.28,8.28,0,0,1-1.22,5.06l-0.16.24A6.85,6.85,0,0,1,540.15,968.72Z" transform="translate(-499.22 -353.69)" fill="#fff"/>
      <g id="seven_0_Layer0_0_MEMBER_0_FILL" data-name="seven 0 Layer0 0 MEMBER 0 FILL">
        <path d="M547.42,916.42a9.14,9.14,0,0,1-4-.62q-7.95-2.7-13.05-2.47a16.72,16.72,0,0,0-9.68,3.58,5.31,5.31,0,0,0-.39-2.73,2.86,2.86,0,0,0-2.45-1h-4.41a2.22,2.22,0,0,0-2.49,2.52v14.58a2.21,2.21,0,0,0,2.49,2.49h4.41a3.25,3.25,0,0,0,3.35-2.19,7.53,7.53,0,0,1,3.86-4.71,10.45,10.45,0,0,1,5.47-.65,56.33,56.33,0,0,1,5.57,1.13,13.36,13.36,0,0,0,4.27.55,41.44,41.44,0,0,0-13.54,15,39.16,39.16,0,0,0-4.11,19.5,1.87,1.87,0,0,0,1.89,2H540.1a1.55,1.55,0,0,0,1.39-.65,3.2,3.2,0,0,0,.37-2q-0.25-22.82,16.77-39.48a1.48,1.48,0,0,0,0-2.17l-4-4.25q-1.27-1.32-3.4.32A6.07,6.07,0,0,1,547.42,916.42Z" transform="translate(-499.22 -353.69)"/>
      </g>
    </g>
    <g id="dollarGroup">
      <path d="M542.28,580.77q0-4-3.93-4h-7.08a3.7,3.7,0,0,0-2.79,1l-0.05.05a3.67,3.67,0,0,0-1.1,2.9v2.42a12.59,12.59,0,0,0-4.33,2.69,0,0,0,0,0,0,0,12.87,12.87,0,0,0-3,4.38v0a14.28,14.28,0,0,0-1.12,4.06,12.45,12.45,0,0,0-.14,2.61,13.85,13.85,0,0,0,2.22,7.59v0a14.34,14.34,0,0,0,5,4.42h0l0.41,0.22L521,610.49a3.91,3.91,0,0,0-2.29,1.39l0,0a3.8,3.8,0,0,0-.79,2.69v0.05a20.94,20.94,0,0,0,1,4.85v0a13.79,13.79,0,0,0,3.08,5.28h0A12.55,12.55,0,0,0,526.8,628v2.72a3.63,3.63,0,0,0,1.12,2.87l0,0a3.58,3.58,0,0,0,2.88,1h7q3.93,0,3.93-3.93V628.3a16.32,16.32,0,0,0,3.88-1.82q0.54-.36,1-0.76l0,0a14,14,0,0,0,3.66-4.36l0,0a15,15,0,0,0,1.53-4.11v-0.05a9.36,9.36,0,0,0,.32-2.78,13.9,13.9,0,0,0-2.29-7.7,15.3,15.3,0,0,0-4.29-4.15,9.52,9.52,0,0,0-.83-0.5l-1.26-.67,4.6-1.12a3.79,3.79,0,0,0,2.33-1.44,3.51,3.51,0,0,0,.68-2.81,17.19,17.19,0,0,0-1-4.54v0a13.73,13.73,0,0,0-3.1-5l0,0a10.43,10.43,0,0,0-1.44-1.26,13.91,13.91,0,0,0-3.35-1.84v-2.56" transform="translate(-499.22 -353.69)" fill="#fff"/>
      <path d="M538.79,584.8a2.1,2.1,0,0,0,1.11.79,11.17,11.17,0,0,1,4.75,2.66h0a12.35,12.35,0,0,1,1.63,2.22A8.49,8.49,0,0,1,547,592v0a13.71,13.71,0,0,1,.8,3.68l-6.49,1.59a7.19,7.19,0,0,0-2.07-4l0,0a6.35,6.35,0,0,0-4.92-1.72l-0.08,0q-3,.15-4.16,1.92a4.15,4.15,0,0,0-.88,3.83l0,0q0.48,2.36,3.64,3.87l0,0q1.93,0.86,4.52,1.82l0.27,0.1,0.31,0.11h0a32.38,32.38,0,0,1,5.34,2.39,11.69,11.69,0,0,1,3,2.41,9.94,9.94,0,0,1,1,1.21,11.06,11.06,0,0,1,1.65,5.92v0.17a10.28,10.28,0,0,1-.25,1.67,0.06,0.06,0,0,1,0,0,12.45,12.45,0,0,1-1.23,3.24,9.33,9.33,0,0,1-1.11,1.65,12.63,12.63,0,0,1-1.67,1.63l0,0a14.09,14.09,0,0,1-5.17,2.37,2.16,2.16,0,0,0-1.19.79,2.13,2.13,0,0,0-.46,1.34V632h-7.12v-4.17a2.08,2.08,0,0,0-.44-1.3,2.21,2.21,0,0,0-1.11-.8,9.92,9.92,0,0,1-7.09-6.68l0,0a19.2,19.2,0,0,1-.86-4l6.47-1.55a7.55,7.55,0,0,0,1.69,4.27q1.47,2.07,5.44,2h0.06a7.7,7.7,0,0,0,3.89-1l0,0a4.8,4.8,0,0,0,2.24-2.57,4.38,4.38,0,0,0,.19-2.83,0.15,0.15,0,0,1,0-.06,6,6,0,0,0-3.62-3.93,42.8,42.8,0,0,0-5.06-1.93h0l-1.09-.36-0.06,0a31.63,31.63,0,0,1-3.95-1.76A10.78,10.78,0,0,1,523.6,602a11.23,11.23,0,0,1-1.57-5.82,0.63,0.63,0,0,0,0-.15,15,15,0,0,1,.13-1.88A12.13,12.13,0,0,1,523,591a9.37,9.37,0,0,1,2.24-3.18l0,0a10.72,10.72,0,0,1,4.35-2.34,2.1,2.1,0,0,0,1.13-.79,2.17,2.17,0,0,0,.44-1.32v-3.95h7.12v4.12A2.08,2.08,0,0,0,538.79,584.8Z" transform="translate(-499.22 -353.69)" fill="#26373e"/>
      <path d="M539.9,585.59a2.21,2.21,0,0,1-1.55-2.09v-4.12h-7.12v3.95a2.17,2.17,0,0,1-.44,1.32,2.1,2.1,0,0,1-1.13.79,10.72,10.72,0,0,0-4.35,2.34l0,0A9.37,9.37,0,0,0,523,591a12.13,12.13,0,0,0-.9,3.16A15,15,0,0,0,522,596a0.63,0.63,0,0,1,0,.15A11.23,11.23,0,0,0,523.6,602a10.78,10.78,0,0,0,3.77,3.35,31.63,31.63,0,0,0,3.95,1.76l0.06,0,1.09,0.36h0a42.8,42.8,0,0,1,5.06,1.93,6,6,0,0,1,3.62,3.93,0.15,0.15,0,0,0,0,.06,4.38,4.38,0,0,1-.19,2.83,4.8,4.8,0,0,1-2.24,2.57l0,0a7.7,7.7,0,0,1-3.89,1h-0.06q-4,0-5.44-2a7.55,7.55,0,0,1-1.69-4.27L521.15,615a19.2,19.2,0,0,0,.86,4l0,0a9.92,9.92,0,0,0,7.09,6.68,2.21,2.21,0,0,1,1.11.8,2.08,2.08,0,0,1,.44,1.3V632h7.12v-3.95a2.13,2.13,0,0,1,.46-1.34,2.16,2.16,0,0,1,1.19-.79,14.09,14.09,0,0,0,5.17-2.37l0,0a12.63,12.63,0,0,0,1.67-1.63,9.33,9.33,0,0,0,1.11-1.65,12.45,12.45,0,0,0,1.23-3.24,0.06,0.06,0,0,0,0,0,10.28,10.28,0,0,0,.25-1.67v-0.17a11.06,11.06,0,0,0-1.65-5.92,9.94,9.94,0,0,0-1-1.21,11.69,11.69,0,0,0-3-2.41,32.38,32.38,0,0,0-5.34-2.39h0l-0.31-.11-0.27-.1q-2.59-1-4.52-1.82l0,0q-3.16-1.51-3.64-3.87l0,0a4.15,4.15,0,0,1,.88-3.83q1.15-1.76,4.16-1.92l0.08,0a6.35,6.35,0,0,1,4.92,1.72l0,0a7.19,7.19,0,0,1,2.07,4l6.49-1.59A13.71,13.71,0,0,0,547,592v0a8.49,8.49,0,0,0-.69-1.51,12.35,12.35,0,0,0-1.63-2.22h0A11.17,11.17,0,0,0,539.9,585.59Z" transform="translate(-499.22 -353.69)"/>
    </g>
    <g id="strawberyyGroup">
      <path d="M535.08,742.78l-0.67,0a13.33,13.33,0,0,1-5-1.31l-0.05,0a11.72,11.72,0,0,1-3-2.08,24.5,24.5,0,0,1-1.72-2c-1.27-1.52-2.37-2.81-3.24-3.81l-4.08-4.77a28,28,0,0,1-6.39-11.23,18.32,18.32,0,0,1,.28-11,17.49,17.49,0,0,1,6.27-8.33,17.84,17.84,0,0,1-2.25-3.95,3.39,3.39,0,0,1,1.67-4.37,18.19,18.19,0,0,1,11.45-1.75,20.16,20.16,0,0,1,4.81-5.8,3.39,3.39,0,0,1,4.24-.12,17.55,17.55,0,0,1,5,6,17.37,17.37,0,0,1,11.28,1.91,3.39,3.39,0,0,1,1.5,4.32,19.69,19.69,0,0,1-2.38,4.15c9.2,7.58,7.79,16.5,4.7,22.94l-0.13.24c-0.94,1.61-1.62,2.75-2.07,3.47l0,0.05c-0.54.82-1.11,1.63-1.69,2.41l-0.1.13c-1.82,2.19-4,4.8-6.33,7.76C543.67,740.35,539.62,742.78,535.08,742.78Z" transform="translate(-499.22 -353.69)" fill="#fff"/>
      <g id="strawberry_0_Layer0_0_MEMBER_0_FILL" data-name="strawberry 0 Layer0 0 MEMBER 0 FILL">
        <path d="M540.41,692.12a14.71,14.71,0,0,0-5-7.2,15.34,15.34,0,0,0-5,7.33q-5.63-2.32-11.94.7a12.55,12.55,0,0,0,3.45,4.92,20.77,20.77,0,0,1,7.67-.66,20.88,20.88,0,0,0-9.72,3.54,14.16,14.16,0,0,0-5.35,6.91,14.92,14.92,0,0,0-.21,9,24.57,24.57,0,0,0,5.67,9.89l4.09,4.78q1.34,1.54,3.3,3.88,1.22,1.49,1.45,1.7a8.27,8.27,0,0,0,2.17,1.49,9.88,9.88,0,0,0,3.71,1q5.42,0.28,9.85-5.88,3.64-4.52,6.42-7.87,0.81-1.07,1.56-2.22t2-3.37q6.22-13-7-21.1a12.42,12.42,0,0,0,4.58-5.88A14.51,14.51,0,0,0,540.41,692.12Z" transform="translate(-499.22 -353.69)"/>
      </g>
      <g id="strawberry_0_Layer0_1_FILL" data-name="strawberry 0 Layer0 1 FILL">
        <path d="M528.28,717.87a2.19,2.19,0,0,0-.64-1.58,2.17,2.17,0,0,0-1.56-.64,2.13,2.13,0,0,0-1.56.64,2.16,2.16,0,0,0-.66,1.58,2.22,2.22,0,0,0,2.22,2.2,2.19,2.19,0,0,0,2.2-2.2m-7.14-8.34a2.23,2.23,0,0,0,0,3.13,2.19,2.19,0,0,0,1.58.64,2.17,2.17,0,0,0,1.56-.64,2.22,2.22,0,0,0-1.56-3.79,2.16,2.16,0,0,0-1.58.66m6.69,0a2.23,2.23,0,0,0,0,3.13,2.19,2.19,0,0,0,1.58.64,2.17,2.17,0,0,0,1.56-.64,2.22,2.22,0,0,0-1.56-3.79A2.16,2.16,0,0,0,527.83,709.52Z" transform="translate(-499.22 -353.69)" fill="#fff"/>
      </g>
    </g>
    <g id="bellGroup">
      <g>
        <path d="M540.22,470.67q-0.66-.46-1.31-0.83a8,8,0,0,0-4-1,7.83,7.83,0,0,0-3.15.79,13.11,13.11,0,0,0-1.86,1.09v2.71a22.67,22.67,0,0,0-8.15,3.41q-0.39,5.09-.72,8.67t-0.59,5.64a32.42,32.42,0,0,1-2,8.3,10,10,0,0,1-2.4,3.43,8,8,0,0,1-1.25.94,16.34,16.34,0,0,1-3.21,1.51q-1.42.52-3.23,1v5.48l3.23,0.44q9.26,1.11,18.51,1.33,2.32,0.07,4.59.09,2.69,0,5.38-.09,7.06-.17,14.14-0.87l0.76-.07q3.39-.35,6.8-0.83v-5.48a25.75,25.75,0,0,1-6.45-2.53l-0.35-.22q-0.39-.28-0.76-0.61a0.39,0.39,0,0,1-.11-0.11,9.82,9.82,0,0,1-2.43-3.43,33.21,33.21,0,0,1-1.94-8.3q-0.28-2.05-.59-5.64t-0.72-8.67a22.89,22.89,0,0,0-8.17-3.41v-2.71Z" transform="translate(-499.22 -353.69)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="6.46"/>
        <g id="bell_0_Layer0_1_FILL" data-name="bell 0 Layer0 1 FILL">
          <path d="M535.06,521.73a8.65,8.65,0,0,0,5-1.42,5.16,5.16,0,0,0,2.14-3.39l-14.14,0a4.67,4.67,0,0,0,2,3.43A8.65,8.65,0,0,0,535.06,521.73Z" transform="translate(-499.22 -353.69)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="6.46"/>
        </g>
      </g>
      <g>
        <path d="M540.22,470.67q-0.66-.46-1.31-0.83a8,8,0,0,0-4-1,7.83,7.83,0,0,0-3.15.79,13.11,13.11,0,0,0-1.86,1.09v2.71a22.67,22.67,0,0,0-8.15,3.41q-0.39,5.09-.72,8.67t-0.59,5.64a32.42,32.42,0,0,1-2,8.3,10,10,0,0,1-2.4,3.43,8,8,0,0,1-1.25.94,16.34,16.34,0,0,1-3.21,1.51q-1.42.52-3.23,1v5.48l3.23,0.44q9.26,1.11,18.51,1.33,2.32,0.07,4.59.09,2.69,0,5.38-.09,7.06-.17,14.14-0.87l0.76-.07q3.39-.35,6.8-0.83v-5.48a25.75,25.75,0,0,1-6.45-2.53l-0.35-.22q-0.39-.28-0.76-0.61a0.39,0.39,0,0,1-.11-0.11,9.82,9.82,0,0,1-2.43-3.43,33.21,33.21,0,0,1-1.94-8.3q-0.28-2.05-.59-5.64t-0.72-8.67a22.89,22.89,0,0,0-8.17-3.41v-2.71Z" transform="translate(-499.22 -353.69)"/>
        <g id="bell_0_Layer0_1_FILL-2" data-name="bell 0 Layer0 1 FILL">
          <path d="M535.06,521.73a8.65,8.65,0,0,0,5-1.42,5.16,5.16,0,0,0,2.14-3.39l-14.14,0a4.67,4.67,0,0,0,2,3.43A8.65,8.65,0,0,0,535.06,521.73Z" transform="translate(-499.22 -353.69)"/>
        </g>
      </g>
      <g id="bell_0_Layer0_4_1_STROKES" data-name="bell 0 Layer0 4 1 STROKES">
        <path d="M524.22,499.17a1.3,1.3,0,0,1-1.18-1.85c1.54-3.32,2.35-8.95,2.39-16.72a1.3,1.3,0,0,1,1.3-1.29h0a1.3,1.3,0,0,1,1.29,1.31c0,8.26-.91,14.09-2.63,17.8A1.3,1.3,0,0,1,524.22,499.17Z" transform="translate(-499.22 -353.69)" fill="#fff"/>
      </g>
    </g>
    <g id="barGroup">
      <path d="M563.85,394.72V375.33H506.23v19.39h57.62m-19.48-12.8v-2.09h10.86a8.35,8.35,0,0,1,2,.17,3.17,3.17,0,0,1,1.83,1.09,2.4,2.4,0,0,1,.55,1.55,2.43,2.43,0,0,1-.5,1.5,2.82,2.82,0,0,1-1.46,1,10.33,10.33,0,0,1-1.2.22q2.62,0.11,2.62,2.2v0.76q0,0.48,0,.5a0.4,0.4,0,0,0,.44.28,0.43,0.43,0,0,0,.42-0.22,1.21,1.21,0,0,0,.07-0.5v-1.22h1.27v1.4a2.22,2.22,0,0,1-.94,1.94,3.31,3.31,0,0,1-2,.54,4.56,4.56,0,0,1-1.9-.37,2,2,0,0,1-1.15-1.31,5.93,5.93,0,0,1-.11-1.15,4.12,4.12,0,0,0-.18-1.33,1.15,1.15,0,0,0-1-.66q-0.37,0-.87,0h-2.49v0.39a4.54,4.54,0,0,0,.11,1.16,1,1,0,0,0,.39.52,1.33,1.33,0,0,0,.65.28,6.14,6.14,0,0,0,1,.09l0.37,0v2.09h-8.77v-2.09l0.37,0a6.5,6.5,0,0,0,1-.09,1.87,1.87,0,0,0,.59-0.28,1.36,1.36,0,0,0,.46-0.94q0-.2,0-1.05v-1.9a11.51,11.51,0,0,0,0-1.18,1.24,1.24,0,0,0-1-1.05,4.93,4.93,0,0,0-1.11-.13l-0.37,0m-1.27,6.67v2.09h-8.42v-2.09a5.57,5.57,0,0,0,1.46-.15,0.54,0.54,0,0,0,.44-0.52,1.67,1.67,0,0,0-.28-0.74h-5.08a1.21,1.21,0,0,0-.28.65,0.68,0.68,0,0,0,.66.65,9.8,9.8,0,0,0,1.24.11v2.09H526.1v-2.09a3.66,3.66,0,0,0,1.63-.39,4.32,4.32,0,0,0,1.31-1.55l4-6.81h3.21l4.08,6.7a9.43,9.43,0,0,0,.78,1.15,2.61,2.61,0,0,0,1.22.78,3.78,3.78,0,0,0,.72.13m-33.61-6.67v-2.09h10.38a6.11,6.11,0,0,1,3.44.7,2.65,2.65,0,0,1,.81,1,2.4,2.4,0,0,1,.26,1.09,2.43,2.43,0,0,1-.5,1.5,2.76,2.76,0,0,1-1.39.9,6.76,6.76,0,0,1-1.22.26,5.6,5.6,0,0,1,2.12.61,2.51,2.51,0,0,1,1.27,2.22,2.45,2.45,0,0,1-.46,1.46,2.34,2.34,0,0,1-1.48.94,7.68,7.68,0,0,1-1.74.17H509.48v-2.09l0.41,0a6.5,6.5,0,0,0,1-.09,1.85,1.85,0,0,0,.61-0.28,1.36,1.36,0,0,0,.46-0.94q0-.2,0-1.05v-1.9a11.51,11.51,0,0,0,0-1.18,1.24,1.24,0,0,0-1-1.05,3.87,3.87,0,0,0-1.13-.13l-0.41,0m11.12,5.47a1,1,0,0,0-.28-0.72,1.33,1.33,0,0,0-.83-0.35q-0.42,0-.76,0h-2.94v2.31h2.88a2.74,2.74,0,0,0,1.33-.22,1.09,1.09,0,0,0,.59-1m-4.8-5.47v2.27h2.7a5.58,5.58,0,0,0,.83,0,1,1,0,0,0,.65-1.83,2.39,2.39,0,0,0-1.64-.41h-2.53m17.9,1-1.46,2.47h3L533.69,383m17,1.09h2.79a6.47,6.47,0,0,0,.87,0,1.67,1.67,0,0,0,.81-0.39,0.94,0.94,0,0,0,.3-0.68,0.87,0.87,0,0,0-.5-0.83,2.48,2.48,0,0,0-1.13-.18h-3.14V384m13.2,32.13V396.79H506.23v19.39h57.62m-8.62-14.89a8.35,8.35,0,0,1,2,.17,3.17,3.17,0,0,1,1.83,1.09,2.4,2.4,0,0,1,.55,1.55,2.43,2.43,0,0,1-.5,1.5,2.82,2.82,0,0,1-1.46,1,10.33,10.33,0,0,1-1.2.22Q559,406.89,559,409v0.76q0,0.48,0,.5a0.4,0.4,0,0,0,.44.28,0.43,0.43,0,0,0,.42-0.22,1.21,1.21,0,0,0,.07-0.5v-1.22h1.27V410a2.22,2.22,0,0,1-.94,1.94,3.31,3.31,0,0,1-2,.54,4.56,4.56,0,0,1-1.9-.37,2,2,0,0,1-1.15-1.31,5.93,5.93,0,0,1-.11-1.15,4.12,4.12,0,0,0-.18-1.33,1.15,1.15,0,0,0-1-.66q-0.37,0-.87,0h-2.49V408a4.54,4.54,0,0,0,.11,1.16,1,1,0,0,0,.39.52,1.33,1.33,0,0,0,.65.28,6.14,6.14,0,0,0,1,.09l0.37,0v2.09h-8.77v-2.09l0.37,0a6.5,6.5,0,0,0,1-.09,1.87,1.87,0,0,0,.59-0.28,1.36,1.36,0,0,0,.46-0.94q0-.2,0-1.05v-1.9a11.51,11.51,0,0,0,0-1.18,1.24,1.24,0,0,0-1-1.05,4.93,4.93,0,0,0-1.11-.13l-0.37,0V401.3h10.86m-12.13,8.75v2.09h-8.42v-2.09a5.57,5.57,0,0,0,1.46-.15,0.54,0.54,0,0,0,.44-0.52,1.67,1.67,0,0,0-.28-0.74h-5.08a1.21,1.21,0,0,0-.28.65,0.68,0.68,0,0,0,.66.65,9.8,9.8,0,0,0,1.24.11v2.09H526.1v-2.09a3.66,3.66,0,0,0,1.63-.39,4.32,4.32,0,0,0,1.31-1.55l4-6.81h3.21l4.08,6.7a9.43,9.43,0,0,0,.78,1.15,2.61,2.61,0,0,0,1.22.78,3.78,3.78,0,0,0,.72.13M523.29,402a2.65,2.65,0,0,1,.81,1,2.4,2.4,0,0,1,.26,1.09,2.43,2.43,0,0,1-.5,1.5,2.76,2.76,0,0,1-1.39.9,6.76,6.76,0,0,1-1.22.26,5.6,5.6,0,0,1,2.12.61,2.51,2.51,0,0,1,1.27,2.22,2.45,2.45,0,0,1-.46,1.46,2.34,2.34,0,0,1-1.48.94,7.68,7.68,0,0,1-1.74.17H509.48v-2.09l0.41,0a6.5,6.5,0,0,0,1-.09,1.85,1.85,0,0,0,.61-0.28,1.36,1.36,0,0,0,.46-0.94q0-.2,0-1.05v-1.9a11.51,11.51,0,0,0,0-1.18,1.24,1.24,0,0,0-1-1.05,3.87,3.87,0,0,0-1.13-.13l-0.41,0V401.3h10.38a6.11,6.11,0,0,1,3.44.7m-3.8,5.78q-0.42,0-.76,0h-2.94v2.31h2.88a2.74,2.74,0,0,0,1.33-.22,1.09,1.09,0,0,0,.59-1,1,1,0,0,0-.28-0.72,1.33,1.33,0,0,0-.83-0.35m-1-2.12a5.58,5.58,0,0,0,.83,0,1,1,0,0,0,.65-1.83,2.39,2.39,0,0,0-1.64-.41h-2.53v2.27h2.7m15.2-1.24-1.46,2.47h3l-1.53-2.47m21.22-.85a2.48,2.48,0,0,0-1.13-.18h-3.14v2.12h2.79a6.47,6.47,0,0,0,.87,0,1.67,1.67,0,0,0,.81-0.39,0.94,0.94,0,0,0,.3-0.68,0.87,0.87,0,0,0-.5-0.83m8.94-30.49V353.69H506.23v19.39h57.62m-8.62-14.89a8.35,8.35,0,0,1,2,.17,3.17,3.17,0,0,1,1.83,1.09,2.4,2.4,0,0,1,.55,1.55,2.43,2.43,0,0,1-.5,1.5,2.82,2.82,0,0,1-1.46,1,10.33,10.33,0,0,1-1.2.22q2.62,0.11,2.62,2.2v0.76q0,0.48,0,.5a0.4,0.4,0,0,0,.44.28,0.43,0.43,0,0,0,.42-0.22,1.21,1.21,0,0,0,.07-0.5v-1.22h1.27v1.4a2.22,2.22,0,0,1-.94,1.94,3.31,3.31,0,0,1-2,.54,4.56,4.56,0,0,1-1.9-.37,2,2,0,0,1-1.15-1.31,5.93,5.93,0,0,1-.11-1.15,4.12,4.12,0,0,0-.18-1.33,1.15,1.15,0,0,0-1-.66q-0.37,0-.87,0h-2.49v0.39a4.54,4.54,0,0,0,.11,1.16,1,1,0,0,0,.39.52,1.33,1.33,0,0,0,.65.28,6.14,6.14,0,0,0,1,.09l0.37,0V369h-8.77v-2.09l0.37,0a6.5,6.5,0,0,0,1-.09,1.87,1.87,0,0,0,.59-0.28,1.36,1.36,0,0,0,.46-0.94q0-.2,0-1.05v-1.9a11.51,11.51,0,0,0,0-1.18,1.24,1.24,0,0,0-1-1.05,4.93,4.93,0,0,0-1.11-.13l-0.37,0v-2.09h10.86m-18.65,8.09a1.67,1.67,0,0,0-.28-0.74h-5.08a1.21,1.21,0,0,0-.28.65,0.68,0.68,0,0,0,.66.65,9.8,9.8,0,0,0,1.24.11V369H526.1v-2.09a3.66,3.66,0,0,0,1.63-.39A4.32,4.32,0,0,0,529,365l4-6.81h3.21l4.08,6.7a9.43,9.43,0,0,0,.78,1.15,2.61,2.61,0,0,0,1.22.78,3.78,3.78,0,0,0,.72.13V369h-8.42v-2.09a5.57,5.57,0,0,0,1.46-.15,0.54,0.54,0,0,0,.44-0.52m-12.47-6.39a2.4,2.4,0,0,1,.26,1.09,2.43,2.43,0,0,1-.5,1.5,2.76,2.76,0,0,1-1.39.9,6.76,6.76,0,0,1-1.22.26,5.6,5.6,0,0,1,2.12.61,2.51,2.51,0,0,1,1.27,2.22,2.45,2.45,0,0,1-.46,1.46,2.34,2.34,0,0,1-1.48.94A7.68,7.68,0,0,1,521,369H509.48v-2.09l0.41,0a6.5,6.5,0,0,0,1-.09,1.85,1.85,0,0,0,.61-0.28,1.36,1.36,0,0,0,.46-0.94q0-.2,0-1.05v-1.9a11.51,11.51,0,0,0,0-1.18,1.24,1.24,0,0,0-1-1.05,3.87,3.87,0,0,0-1.13-.13l-0.41,0v-2.09h10.38a6.11,6.11,0,0,1,3.44.7,2.65,2.65,0,0,1,.81,1m-8.31.39v2.27h2.7a5.58,5.58,0,0,0,.83,0,1,1,0,0,0,.65-1.83,2.39,2.39,0,0,0-1.64-.41h-2.53m4.8,5.47a1,1,0,0,0-.28-0.72,1.33,1.33,0,0,0-.83-0.35q-0.42,0-.76,0h-2.94v2.31h2.88a2.74,2.74,0,0,0,1.33-.22,1.09,1.09,0,0,0,.59-1m13.09-4.43-1.46,2.47h3l-1.53-2.47m21.22-.85a2.48,2.48,0,0,0-1.13-.18h-3.14v2.12h2.79a6.47,6.47,0,0,0,.87,0,1.67,1.67,0,0,0,.81-0.39,0.94,0.94,0,0,0,.3-0.68A0.87,0.87,0,0,0,554.91,360.46Z" transform="translate(-499.22 -353.69)" fill="#fff"/>
      <path d="M509.48,379.84v2.09l0.41,0a3.87,3.87,0,0,1,1.13.13,1.24,1.24,0,0,1,1,1.05,11.51,11.51,0,0,1,0,1.18v1.9q0,0.85,0,1.05a1.36,1.36,0,0,1-.46.94,1.85,1.85,0,0,1-.61.28,6.5,6.5,0,0,1-1,.09l-0.41,0v2.09H521a7.68,7.68,0,0,0,1.74-.17,2.34,2.34,0,0,0,1.48-.94,2.45,2.45,0,0,0,.46-1.46,2.51,2.51,0,0,0-1.27-2.22,5.6,5.6,0,0,0-2.12-.61,6.76,6.76,0,0,0,1.22-.26,2.76,2.76,0,0,0,1.39-.9,2.43,2.43,0,0,0,.5-1.5,2.4,2.4,0,0,0-.26-1.09,2.65,2.65,0,0,0-.81-1,6.11,6.11,0,0,0-3.44-.7H509.48m6.32,4.36v-2.27h2.53a2.39,2.39,0,0,1,1.64.41,1,1,0,0,1-.65,1.83,5.58,5.58,0,0,1-.83,0h-2.7m4.52,2.47a1,1,0,0,1,.28.72,1.09,1.09,0,0,1-.59,1,2.74,2.74,0,0,1-1.33.22h-2.88v-2.31h2.94q0.33,0,.76,0a1.33,1.33,0,0,1,.83.35m22.77,4v-2.09a3.78,3.78,0,0,1-.72-0.13,2.61,2.61,0,0,1-1.22-.78,9.43,9.43,0,0,1-.78-1.15l-4.08-6.7h-3.21l-4,6.81a4.32,4.32,0,0,1-1.31,1.55,3.66,3.66,0,0,1-1.63.39v2.09h6.74v-2.09a9.8,9.8,0,0,1-1.24-.11,0.68,0.68,0,0,1-.66-0.65,1.21,1.21,0,0,1,.28-0.65h5.08a1.67,1.67,0,0,1,.28.74,0.54,0.54,0,0,1-.44.52,5.57,5.57,0,0,1-1.46.15v2.09h8.42m-10.86-5.24,1.46-2.47,1.53,2.47h-3m12.13-5.6v2.09l0.37,0a4.93,4.93,0,0,1,1.11.13,1.24,1.24,0,0,1,1,1.05,11.51,11.51,0,0,1,0,1.18v1.9q0,0.85,0,1.05a1.36,1.36,0,0,1-.46.94,1.87,1.87,0,0,1-.59.28,6.5,6.5,0,0,1-1,.09l-0.37,0v2.09h8.77v-2.09l-0.37,0a6.14,6.14,0,0,1-1-.09,1.33,1.33,0,0,1-.65-0.28,1,1,0,0,1-.39-0.52,4.54,4.54,0,0,1-.11-1.16v-0.39h2.49q0.5,0,.87,0a1.15,1.15,0,0,1,1,.66,4.12,4.12,0,0,1,.18,1.33,5.93,5.93,0,0,0,.11,1.15,2,2,0,0,0,1.15,1.31,4.56,4.56,0,0,0,1.9.37,3.31,3.31,0,0,0,2-.54,2.22,2.22,0,0,0,.94-1.94v-1.4H560v1.22a1.21,1.21,0,0,1-.07.5,0.43,0.43,0,0,1-.42.22,0.4,0.4,0,0,1-.44-0.28s0-.18,0-0.5v-0.76q0-2.09-2.62-2.2a10.33,10.33,0,0,0,1.2-.22,2.82,2.82,0,0,0,1.46-1,2.43,2.43,0,0,0,.5-1.5,2.4,2.4,0,0,0-.55-1.55,3.17,3.17,0,0,0-1.83-1.09,8.35,8.35,0,0,0-2-.17H544.36m9.07,4.21h-2.79v-2.12h3.14a2.48,2.48,0,0,1,1.13.18,0.87,0.87,0,0,1,.5.83,0.94,0.94,0,0,1-.3.68,1.67,1.67,0,0,1-.81.39,6.47,6.47,0,0,1-.87,0M524.1,403a2.65,2.65,0,0,0-.81-1,6.11,6.11,0,0,0-3.44-.7H509.48v2.09l0.41,0a3.87,3.87,0,0,1,1.13.13,1.24,1.24,0,0,1,1,1.05,11.51,11.51,0,0,1,0,1.18v1.9q0,0.85,0,1.05a1.36,1.36,0,0,1-.46.94,1.85,1.85,0,0,1-.61.28,6.5,6.5,0,0,1-1,.09l-0.41,0v2.09H521a7.68,7.68,0,0,0,1.74-.17,2.34,2.34,0,0,0,1.48-.94,2.45,2.45,0,0,0,.46-1.46,2.51,2.51,0,0,0-1.27-2.22,5.6,5.6,0,0,0-2.12-.61,6.76,6.76,0,0,0,1.22-.26,2.76,2.76,0,0,0,1.39-.9,2.43,2.43,0,0,0,.5-1.5,2.4,2.4,0,0,0-.26-1.09m-4.78,2.62a5.58,5.58,0,0,1-.83,0h-2.7v-2.27h2.53a2.39,2.39,0,0,1,1.64.41,1,1,0,0,1-.65,1.83m-0.59,2.12q0.33,0,.76,0a1.33,1.33,0,0,1,.83.35,1,1,0,0,1,.28.72,1.09,1.09,0,0,1-.59,1,2.74,2.74,0,0,1-1.33.22h-2.88v-2.31h2.94m24.36,4.4v-2.09a3.78,3.78,0,0,1-.72-0.13,2.61,2.61,0,0,1-1.22-.78,9.43,9.43,0,0,1-.78-1.15l-4.08-6.7h-3.21l-4,6.81a4.32,4.32,0,0,1-1.31,1.55,3.66,3.66,0,0,1-1.63.39v2.09h6.74v-2.09a9.8,9.8,0,0,1-1.24-.11,0.68,0.68,0,0,1-.66-0.65,1.21,1.21,0,0,1,.28-0.65h5.08a1.67,1.67,0,0,1,.28.74,0.54,0.54,0,0,1-.44.52,5.57,5.57,0,0,1-1.46.15v2.09h8.42m-10.86-5.24,1.46-2.47,1.53,2.47h-3m25-5.43a8.35,8.35,0,0,0-2-.17H544.36v2.09l0.37,0a4.93,4.93,0,0,1,1.11.13,1.24,1.24,0,0,1,1,1.05,11.51,11.51,0,0,1,0,1.18v1.9q0,0.85,0,1.05a1.36,1.36,0,0,1-.46.94,1.87,1.87,0,0,1-.59.28,6.5,6.5,0,0,1-1,.09l-0.37,0v2.09h8.77v-2.09l-0.37,0a6.14,6.14,0,0,1-1-.09,1.33,1.33,0,0,1-.65-0.28,1,1,0,0,1-.39-0.52,4.54,4.54,0,0,1-.11-1.16v-0.39h2.49q0.5,0,.87,0a1.15,1.15,0,0,1,1,.66,4.12,4.12,0,0,1,.18,1.33,5.93,5.93,0,0,0,.11,1.15,2,2,0,0,0,1.15,1.31,4.56,4.56,0,0,0,1.9.37,3.31,3.31,0,0,0,2-.54,2.22,2.22,0,0,0,.94-1.94v-1.4H560v1.22a1.21,1.21,0,0,1-.07.5,0.43,0.43,0,0,1-.42.22,0.4,0.4,0,0,1-.44-0.28s0-.18,0-0.5V409q0-2.09-2.62-2.2a10.33,10.33,0,0,0,1.2-.22,2.82,2.82,0,0,0,1.46-1,2.43,2.43,0,0,0,.5-1.5,2.4,2.4,0,0,0-.55-1.55,3.17,3.17,0,0,0-1.83-1.09m-3.4,1.92a2.48,2.48,0,0,1,1.13.18,0.87,0.87,0,0,1,.5.83,0.94,0.94,0,0,1-.3.68,1.67,1.67,0,0,1-.81.39,6.47,6.47,0,0,1-.87,0h-2.79v-2.12h3.14M524.36,361a2.4,2.4,0,0,0-.26-1.09,2.65,2.65,0,0,0-.81-1,6.11,6.11,0,0,0-3.44-.7H509.48v2.09l0.41,0a3.87,3.87,0,0,1,1.13.13,1.24,1.24,0,0,1,1,1.05,11.51,11.51,0,0,1,0,1.18v1.9q0,0.85,0,1.05a1.36,1.36,0,0,1-.46.94,1.85,1.85,0,0,1-.61.28,6.5,6.5,0,0,1-1,.09l-0.41,0V369H521a7.68,7.68,0,0,0,1.74-.17,2.34,2.34,0,0,0,1.48-.94,2.45,2.45,0,0,0,.46-1.46,2.51,2.51,0,0,0-1.27-2.22,5.6,5.6,0,0,0-2.12-.61,6.76,6.76,0,0,0,1.22-.26,2.76,2.76,0,0,0,1.39-.9,2.43,2.43,0,0,0,.5-1.5m-4,4a1,1,0,0,1,.28.72,1.09,1.09,0,0,1-.59,1,2.74,2.74,0,0,1-1.33.22h-2.88v-2.31h2.94q0.33,0,.76,0a1.33,1.33,0,0,1,.83.35m-4.52-2.47v-2.27h2.53a2.39,2.39,0,0,1,1.64.41,1,1,0,0,1-.65,1.83,5.58,5.58,0,0,1-.83,0h-2.7m20.5,3a1.67,1.67,0,0,1,.28.74,0.54,0.54,0,0,1-.44.52,5.57,5.57,0,0,1-1.46.15V369h8.42v-2.09a3.78,3.78,0,0,1-.72-0.13,2.61,2.61,0,0,1-1.22-.78,9.43,9.43,0,0,1-.78-1.15l-4.08-6.7h-3.21L529,365a4.32,4.32,0,0,1-1.31,1.55,3.66,3.66,0,0,1-1.63.39V369h6.74v-2.09a9.8,9.8,0,0,1-1.24-.11,0.68,0.68,0,0,1-.66-0.65,1.21,1.21,0,0,1,.28-0.65h5.08m-4.06-1.75,1.46-2.47,1.53,2.47h-3m25-5.43a8.35,8.35,0,0,0-2-.17H544.36v2.09l0.37,0a4.93,4.93,0,0,1,1.11.13,1.24,1.24,0,0,1,1,1.05,11.51,11.51,0,0,1,0,1.18v1.9q0,0.85,0,1.05a1.36,1.36,0,0,1-.46.94,1.87,1.87,0,0,1-.59.28,6.5,6.5,0,0,1-1,.09l-0.37,0V369h8.77v-2.09l-0.37,0a6.14,6.14,0,0,1-1-.09,1.33,1.33,0,0,1-.65-0.28,1,1,0,0,1-.39-0.52,4.54,4.54,0,0,1-.11-1.16v-0.39h2.49q0.5,0,.87,0a1.15,1.15,0,0,1,1,.66,4.12,4.12,0,0,1,.18,1.33,5.93,5.93,0,0,0,.11,1.15,2,2,0,0,0,1.15,1.31,4.56,4.56,0,0,0,1.9.37,3.31,3.31,0,0,0,2-.54,2.22,2.22,0,0,0,.94-1.94v-1.4H560v1.22a1.21,1.21,0,0,1-.07.5,0.43,0.43,0,0,1-.42.22,0.4,0.4,0,0,1-.44-0.28s0-.18,0-0.5v-0.76q0-2.09-2.62-2.2a10.33,10.33,0,0,0,1.2-.22,2.82,2.82,0,0,0,1.46-1,2.43,2.43,0,0,0,.5-1.5,2.4,2.4,0,0,0-.55-1.55,3.17,3.17,0,0,0-1.83-1.09m-3.4,1.92a2.48,2.48,0,0,1,1.13.18,0.87,0.87,0,0,1,.5.83,0.94,0.94,0,0,1-.3.68,1.67,1.67,0,0,1-.81.39,6.47,6.47,0,0,1-.87,0h-2.79v-2.12h3.14Z" transform="translate(-499.22 -353.69)"/>
    </g>
    <use xlink:href="#barGroup" y="660"/>
    <path id="smile" d="M502.68,831.39a32.95,32.95,0,0,0,64.71-.88" transform="translate(-499.22 -353.69)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.93"/>
  </g>
  </g>
</svg>

css

JavaScript

var xmlns = "http://www.w3.org/2000/svg",
  xlinkns = "http://www.w3.org/1999/xlink",
  select = function(s) {
    return document.querySelector(s);
  },
  selectAll = function(s) {
    return document.querySelectorAll(s);
  },
  reelGroup = select('#reelGroup')

TweenMax.set('svg', {
  visibility: 'visible'
})

TweenMax.set('#bg', {
  scale: 0.9,
  transformOrigin: '50% 50%'
})

TweenMax.set(reelGroup, {
  x: 380,
  y: -375
})

var reelTl = new TimelineMax({
  paused: true
});
reelTl.to(reelGroup, 6, {
  y: '+=' + (6 * 110),
  ease: Linear.easeNone,
  repeat: 6
})

//reelTl.seek(6);
function spin() {

var tl = new TimelineMax({
    repeat: 0,
    repeatDelay: 2,
    onComplete: spin
  });
  tl.to('#handle', 0.7, {
      scaleY: 0.7,
      transformOrigin: '50% 96%',
      ease: Power3.easeInOut
    })
    .to('#handle', 0.3, {
      scaleY: 1,
      ease: Elastic.easeOut.config(0.5, 0.24)
    })
    .fromTo(reelTl, 3, {
      time: 2
    }, {
      time: randomBetween(21, 35),
      ease: Back.easeOut.config(0.2)
    }, '-=0.2')

.to('#handle', 1.3, {
      scaleY: 0.6,
      //transformOrigin:'50% 100%',
      ease: Power3.easeInOut
    })
    .to('#handle', 0.3, {
      scaleY: 1,
      ease: Elastic.easeOut.config(0.5, 0.24)
    })
    .fromTo(reelTl, 3, {
      time: 2
    }, {
      time: 32,
      ease: Back.easeOut.config(0.2)
    }, '-=0.2')

}

function randomBetween(min, max) {
  return Math.floor(Math.random() * (max - min + 1) + min);
}

spin();

粒子时间文字 hover canvas 3d 游戏音乐火焰水波轮播图鼠标跟随动画 css 加载动画导航菜单按钮滑块 tab 弹出层统计图 svg

<!doctype html> <html> <head> <meta charset="utf-8"> <title>摇奖代码-jq22.com</title> <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <style> </style> </head> <body> <script> </script> </body> </html>

2012-2021 jQuery插件库版权所有

jquery插件| jq22工具库| 网页技术| 广告合作| 在线反馈| 版权声明
沪ICP备13043785号-1 浙公网安备 33041102000314号