jquery微信手机端转盘抽奖代码,jquery大部分抽奖插件都是用js定时器来控制角度变化,在pc端没有任何问题,但在移动端会出现卡顿现象,此插件是纯粹用css3来完成的旋转动作,所以移动端非常流畅。
核心js代码
<script>
//share份额[数字没有默认],
//speed速度[单位s,最小0.1s],
//velocityCurve速度曲线[linear匀速,ease慢快慢,ease-in慢慢开始,ease-out慢慢结束,ease-in-out慢快慢等,用的是css3的速度曲线],可以不写,ease默认值;
//callback回调函数
//weeks几周[默认2周,可以不写]
//几份和回调函数这两个参数是必填
function callbackA(ind)
{
alert("第一个回调"+ind);
};
function callbackB(ind)
{
alert("第二个回调"+ind);
};
var newdraw =new turntableDraw('.drawBtn',{
share:8,
speed:"3s",
velocityCurve:"ease",
weeks:6,
callback:function(num)
{
callbackA(num);
},
});
var newdraw2 =new turntableDraw('.drawBtn2',{
share:12,
speed:"3s",
velocityCurve:"ease",
weeks:6,
callback:function(num)
{
callbackB(num);
},
});
$(".drawBtn").click(function(event) {
//ajax
newdraw.goto(parseInt(Math.random()*8)+1);
});
$(".drawBtn2").click(function(event) {
//ajax
newdraw2.goto(parseInt(Math.random()*12)+1);
});
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791