jQuery+Css3微信手机端大转盘抽奖特效插件transform属性旋转-插件特效-星河码客

转盘HTML结构

一等奖

iPhone6 plus
再接再厉

呜呜没有中奖 ...
鼓励奖

差一点啊
四等奖

特级红富士一个
三等奖

iPad mini retina
二等奖

iPad Air2

Js//开始 function ran = 随机 function operation(ran) { lenCloc++; var Prize = turntable[ran] - 1, sun = turn * 360; //编号 // 度数 // 时间 if (Prize >= totalNum) { Prize = 0; } var soBuom = parseInt(Math.floor(Math.random() * 60) - 30); //避免多次出现1等奖所以要删除下标 turntable.splice(ran, 1); //旋转度数 = 上次度数+ 最小圈数 * 360 + 当前数字 * 60 +随机角度 = 最终旋转度数 wheel.style.transform = "rotate(" + ((lenCloc * sun + Prize * 60) + soBuom) + "deg)"; //wheel.style.webkitTransform = "rotate("+((lenCloc*sun+Prize*60)+soBuom)+"deg)"; setTimeout(function() { alert("您获得了奖品编号:" + PrizeSon[Prize]); isStatr = false; }, 3200);}参数var totalNum = 6 ; // 转盘总数var trunNum = [ 1 , 2 , 3 , 4 , 5 , 6 ]; //概率奖品编号var turntable = [] ; // 随机概率计算var isStatr = false ; //锁专拍没有执行完的时候不可以再次点击 ;var lenCloc = 0 ; //当前第几次计算叠加的度数var turn = 3 ; //转盘旋转最低的圈数

jQuery+Css3微信手机端大转盘抽奖特效插件transform属性旋转

在线演示积分下载 6毛下载砍两刀下载

文件目录······

暂无数据

猜你喜欢更多»