【案例篇5】HTML+CSS+JS实现九宫格转盘抽奖（源码）

前言

        随着前端技术的不断发展与进步，界面交互的样式要求和美感也越来越高，很多网页的交互都加上了css动画,这里作者给大家分享一个前端开发必掌握的九宫格转盘抽奖，赶紧学起来吧，直接拿到直接自己系统中抽奖使用，简单又实用。

---

九宫格转盘抽奖页面演示

        

        抽奖效果有很多种，常见的有转盘、九宫格、随机码等等，今天给大家分享一个html+css+jss实现的九宫格抽奖效果。

1.Html构建

代码如下（示例）：这里使用的是表格布局，你也可以使用 ul/li 布局，只要用 CSS 制作成九宫格即可。

<div class="draw" id="lottery">
    <table>
        <tr>
            <td class="item lottery-unit lottery-unit-0">
                <div class="img">
                    <