快过年了，各种抽奖活动又要开始了，写了一个老虎机抽奖。

基本的css和html如下，如果复制，自己修改样式。

.game_wrap{width: 240px; height: 80px;box-sizing:  content-box; border-radius: 15px; border: 20px solid #ffcc21;overflow: hidden;margin: 10px; box-shadow: 0px 0px 15px  rgba(0,0,0,.5) inset}
.game_item{width: 33.333%;height: 80px; float: left; border-left: 5px solid #ffcc21}
.game_item:first-child{ border-left: none }
.game_item li{ list-style: none;width: 100%; height: 80px; line-height: 80px;text-align: center; position: relative; font-size: 50px; }
01.
02.
03.
04.

<div class="game_wrap">
    <div class="game_item">
        <ul></ul>
    </div>
    <div class="game_item">
        <ul></ul>
    </div>
    <div class="game_item">
        <ul></ul>
    </div>
</div>
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.

调用接口

var game = new LuckGame({
    len : 5,  //奖品个数
    speed : 5000, //滚动时间
    circle : 5, //循环几圈
});
game.start([1,1,1],function(){
    //第一个参数，设置中奖信息，第二个为回调
    alert('恭喜你中奖了')
})
01.
02.
03.
04.
05.
06.
07.
08.
09.

开始抽奖
点击这里下载文件