九宫格抽奖案例

1.简单布局，就9张图片，抽奖按钮
2.在点击“抽奖”按钮之后，开启定时器。将九宫格九个获奖信息存入对象中，根据索引值设置提示内容（恭喜获得xxx）；
3.在定时器中，根据索引值让每个图片执行被选中的状态。

 $("img").eq(index).addClass("cur");
$("img").eq(index).siblings().removeClass("cur");
index++;

4.获取随机值，必然是转一圈再停下，人工设置：转的个数total
然后在每个每次执行图片状态切换之后，total-1，当total为 0 的时候停止定时器。

 var total = parseInt(Math.random() * 10) + 9;

5.被选中的格子有个闪烁状态。
人工设置：隐入再隐出。

$("img").eq(index-1).fadeOut(500).fadeIn(500);

测试案例：

 $(function () {
 // 1.设置背景图片-----------------可以自由选择操作手法。在html中操作也可以
    $("img").each(function (idx, ele) {
        // 1.1拼接图片地址
        var url = "images/luck/0"+(idx+1)+".jpg";
        // 2.将图片地址设置给img
        $(ele).attr("src", url);