jquery微信手机端转盘抽奖代码

来源:https://www.sucaihuo.com/js/2016.html 2017-05-23 23:34浏览(1522) 收藏

jquery微信手机端转盘抽奖代码,jquery大部分抽奖插件都是用js定时器来控制角度变化,在pc端没有任何问题,但在移动端会出现卡顿现象,此插件是纯粹用css3来完成的旋转动作,所以移动端非常流畅。
jquery微信手机端转盘抽奖代码
分类:抽奖 > 转盘 难易:初级
查看演示 下载资源 下载积分: 20 积分

核心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>
标签: 抽奖转盘
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2