jquery九宫格抽奖怎么弹出获奖信息

1、第一步按照惯例写好html头尾,将元素添加进去。

3、由于九宫格需要动画效果，所以每一个td后面我们都要加上一个空的div元素，定义为mask，就是接下来的遮罩动画效果。

5、使用浏览器打开index.html文件查看效果。

7、写入js文件，先是定义跑马灯。初始化函数，注释都在下图

9、当然如果匀速转动的话就不像一个正规的程序了。所以需要引入随机变量。调用刚才命名的lottery里的roll方法，给转动初始速度，转动次数，转动圈数都加一个Math.random()函数。详细代码如下

11、最后是如何弹出信息，有很多种方式。这里介绍最简单的alert弹窗。在roll结束的时候加上一个判断，然后alert出this.index就可以了。