转盘抽奖源码,JS转盘抽奖特效代码

预览图片转盘抽奖源码,JS转盘抽奖特效代码

  • 0.00

详情介绍
<script type="text/javascript">
        $(function () {
            $("#startbtn").click(function () {
                lottery();
            });
        });
        function lottery() {
            var mes = "200|您没中奖,再接再厉~"; //从后台通过ajax获取的数据
            var a = parseInt(mes.split("|")[0]); //角度 
            var p = mes.split("|")[1]; //奖项 
            $("#startbtn").rotate({
                duration: 5000, //转动时间 
                angle: 0,
                animateTo: 1441 + a, //转动角度 
                easing: $.easing.easeOutSine,
                callback: function () {
                    alert(p);
                }
            });

        }
    </script>

jQuery时间的幸运转盘抽奖特效,可以通过ajax与后台进行通讯,从后台获取数据以控制转盘转动结果,数据格式:“200|您没中奖,再接再厉~”,其中数字”200“是转盘转针的旋转位置(角度);”您没中奖,再接再厉~“是转盘停止旋转后的提示语。

查看演示:https://www.qvdv.com/demo/58B04F48/

  1. ☉ 推荐使用迅雷或快车等多线程下载软件下载本站资源。
  2. ☉ 部分资源,未登录会员无法下载,登录后可获得更多便利功能,如未注册,请先注册。
  3. ☉ 如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错,谢谢合作!
  4. ☉ 本站所有资源(包括模板、素材、软件、字体等)仅供学习与参考,请勿用于商业用途。
  5. ☉ 本站部分资源下载需要消费积分或者人民币.有任何疑问请联系客服!