本例子实现一个九宫格抽奖实例,模拟加减速度和传值回调

手机端/模拟手机 打开效果会更好


<script type="text/javascript">
// $.fn.jgg(fun)
// fun:执行函数,必须回传finish来停止动画否则一直转,code表示中奖码(需要与格子的序号对应),callback是自定义回调

//中奖名单滚动
$("#gun").gun();

//抽奖
$("#jgg").jgg(function(start,finish){

    //模拟ajax获取用户数据,判断权限
    setTimeout(function(){
        start(1);
        //start(ready)
        //ready:必须,1启动抽奖,0不启动
    },1000);
    var n = Math.round(Math.random()*7+1);
    setTimeout(function(){
        finish({
            "code":n,//中奖码(需要与转盘格子的序号对应)
            "callback":function(){
                //自定义回调
                tip("你中的是"+n+"号奖品")
            },
        });
    },2000);
});
</script>

评论  表情