three实现带声效可导出excel抽奖结果炫酷年会抽奖效果代码-html代码-BFW代码库

three实现带声效可导出excel抽奖结果炫酷年会抽奖效果代码

代码语言：html

所属分类：其他

代码描述：three实现带声效可导出excel抽奖结果炫酷年会抽奖效果代码，通过js变量设置抽奖人员名单和抽奖奖品，点击抽奖可实现不同奖项的抽奖，最终可将抽奖结果导出为excel表格，只需要修改js变量cfgData.prizes及用户变量leftUsers即可

代码标签： three 导出 excel 抽奖结果炫酷年会抽奖效果代码

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

<!DOCTYPE html>
<html>

<head>
    <title>年会抽奖</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1,maximum-scale=1">

</head>

<body>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.100.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/Tween.16.7.0.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/TrackballControls.100.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/CSS3DRenderer.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/xlsx.full.min.js"></script>
    <div class="canvas-box">
        <canvas id="canvas">你的浏览器不支持canvas</canvas>
    </div>
    <div class="music">
        <audio id="music" src="//repo.bfw.wiki/bfwrepo/sound/65af35153df39.mp3" class="music-item" loop></audio>
        <div id="musicBox" class="music-box" title="播放/暂停背景音乐">Music</div>
    </div>
    <div id="prizeBar"></div>
    <div id="container"></div>
    <div id="menu">
        <button id="enter">进入抽奖</button>
        <div id="lotteryBar" class="none">
            <button id="lottery">开始抽奖</button>
            <button id="reLottery">重新抽奖</button>
            <div class="fixed-bar">
                <button id="save" class="fixed-btn">导出抽奖结果</button>
                <button id="reset" class="fixed-btn">重置</button>
            </div>
        </div>
    </div>
    <div class="qipao-container"></div>
    <sc.........完整代码请登录后点击上方下载按钮下载查看