效果图:
描述说明:
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
1、本站发布的内容仅限用于学习和研究目的.请勿用于商业或非法用途,下载后请24小时内删除。
2、本站所有内容均不能保证其完整性,不能接受请勿购买或下载,如需完整程序,请去其官方购买正版使用
3、本站联系方式Email:admin@youhutong.com ,收到邮件会第一时间处理。
4、如侵犯到任何版权问题,请立即告知本站(立即在线告知),本站将及时删除并致以最深的歉意