效果图：

描述说明：

        jquery圆盘抽奖特效 使用JqueryRotate.2.2.js 设置及说明如下：

turnplate = {
    turnplateBox: $('#turnplate'),
    turnplateBtn: $('#platebtn'),
    lightDom: $('#turnplatewrapper'),
    freshLotteryUrl: '',
    msgBox: $('#msg'),
    lotteryUrl: '',
    height: '592',//帧高度   
    lightSwitch : 0, //闪灯切换开关. 0 和 1间切换   
    minResistance : 5, //基本阻力   
    Cx : 0.01, //阻力公式：totalResistance = minResistance + curSpeed * Cx;  
    accSpeed: 15,//加速度   
    accFrameLen : 40, //加速度持续帧数  
    maxSpeed : 250, //最大速度 
    minSpeed: 20,//最小速度 
    frameLen: 10,//帧总数   
    totalFrame : 0, //累计帧数,每切换一帧次数加1 
    curFrame : 0, //当前帧  
    curSpeed : 20, //上帧的速度   
    lotteryTime : 0, //抽奖次数  
    lotteryIndex : 6, //奖品index  
    errorIndex : 6, //异常时的奖品指针   
    initBoxEle : $('#turnplate #init'),  
    progressEle : $('#turnplate #init span'),   
    initProgressContent : '~~~^_^~~~', //初始化进度条的内容   
    initFreshInterval : 500, //进度条刷新间隔
    //虚拟路程固定值速度越快，切换到下帧的时间越快: 切换时间 = virtualDistance/curSpeed     
    virtualDistance : 10000, 
    isStop : false, //抽奖锁,为true时，才允许下一轮抽奖    
    timer2 : undefined, //计时器    
    initTime : undefined, 
    showMsgTime : 2000, //消息显示时间 
    lotteryChannel: '',
    ...
    ...
    ...
}

转载请注明来源地址：小川编程 » https://www.youhutong.com/index.php/article/index/294.html