1、第一步按照惯例写好html头尾,将元素添加进去。
2、设置布局，九宫格一般使用table布局即可搞定，反正也不用于优化而是用于活动。
3、由于九宫格需要动画效果，所以每一个td后面我们都要加上一个空的div元素，定义为mask，就是接下来的遮罩动画效果。
4、div布局完成后，我们要对td写入css使得看看起来好看一些。
5、使用浏览器打开index.html文件查看效果。
6、接下来要让点“来抽吧”就开始转跑马灯，就需要引入JS文件了。首先是调用我们的jquery文件。
7、写入js文件，先是定义跑马灯。初始化函数，注释都在下图
8、写入按下抽奖按钮开始转动的动画效果，这里使用的是当旋转到对应td的时候，就给对应的td增加一个.active的类名，而该类名在css中有对应样式。
9、当然如果匀速转动的话就不像一个正规的程序了。所以需要引入随机变量。调用刚才命名的lottery里的roll方法，给转动初始速度，转动次数，转动圈数都加一个Math.random()函数。详细代码如下
10、最后是控制在转圈停止之前不能再按下抽一次按钮，否则程序就会逻辑混乱无法运行。初始值也给设置成false，不排除会有特殊情况（例如刚才在抽然后按到了刷新，默认值为true）
11、最后是如何弹出信息，有很多种方式。这里介绍最简单的alert弹窗。在roll结束的时候加上一个判断，然后alert出this.index就可以了。
