68素材站

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

68素材 1912 0
jquery微信手机端转盘抽奖代码
查看演示:暂无演示
附加服务:安装、调试(根据实际情况额外收费)
已下载 67 收藏
特效分类抽奖/游戏 文件大小0.30 MB 需要授权无需授权 是否开源开源
详细说明

jquery微信手机端转盘抽奖代码,jquery大部分抽奖插件都是用js定时器来控制角度变化,在pc端没有任何问题,但在移动端会出现卡顿现象,此插件是纯粹用css3来完成的旋转动作,所以移动端非常流畅。

部分代码:

<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条评论)

还木有评论哦,快来抢沙发吧~