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 : 10000, //虚拟路程,固定值,速度越快,切换到下帧的时间越快: 切换到下帧的时间 = virtualDistance/curSpeed isStop : false, //抽奖锁,为true时,才允许下一轮抽奖 timer2 : undefined, //计时器 initTime : undefined, showMsgTime : 2000, //消息显示时间 lotteryChannel: '',
始终 转到 “攒人品”
//获取奖品 lottery : function() { this.lotteryIndex = undefined; this.lotteryTime--; this.freshLotteryTime(); this.totalFrame = 0; this.curSpeed = this.minSpeed; this.turnAround(); this.lotteryIndex = typeof this.lotteryType[2] !== 'undefined' ? this.lotteryType[2] ; this.errorIndex; this.lotteryChannel = typeof this.channelList[1] !== 'undefined' ? this.channelList[1] : ''; },
1、找到对象 lotteryType 更换你需要的奖品
2、在上面这个函数 自己写概率的方法。this.lotteryIndex = 对应你的奖品对象的ID