• 《侏罗纪世界2》将上映 “星爵”透露:和恐龙的关系“情同父女” 2019-07-18
  • 【10-15万】最新汽车报价 2019-07-18
  • 十九大精神进校园:风正扬帆当有为 勇做时代弄潮儿 2019-07-17
  • 回复@tdeqs:剥削跟所有制没有必然关系!你用自有的生产资料独自(自主劳动自负盈亏)或与他人联合(共同决策利益共享风险共担)生产,跟剥削有啥关系? 2019-07-15
  • 学车参考|2018年5月合肥各驾校考试合格率排行榜发布 2019-07-15
  • 三省一市已联网 四川也能买云贵渝汽车票 2019-07-13
  • 初夏时节 航拍江西宜丰野生泡桐花美丽绽放 2019-07-13
  • 宁夏基础测绘成为经济社会发展助推器 2019-07-10
  • 首款PD-1肺癌免疫药物上市 美国1年疗程售价百万 2019-07-06
  • 美最新研究:抑郁会引发记忆问题 2019-07-06
  • 亚冠-赵旭日2球杨旭破荒 权健3-2柏太阳神将战恒大 2019-07-06
  • 移动互联网时代下新闻报道叙事视角的研究 2019-07-05
  • 铜梁区旧县街道:全面提升执行力 推动工作落地见效 2019-07-04
  • 北京地质出版社原社长李铁钢获刑:逢年过节变相要钱 2019-07-02
  • 房地产就有国家和集体之土地不计价到计价,这笔是经济收入还是财产收入? 2019-06-30
  • 您现在的位置:首页 > 技术文章 > 二次开发转盘抽奖功能的实现思路和源码分享

    转盘抽奖功能的实现思路和源码分享

    编辑:易联通达时间:2018-10-15 20:22:29网址:浙江体彩6+1第18140期 www.cqleh.tw

    浙江体彩6+1第18140期 www.cqleh.tw      

     现在很多手机版网站都有转盘抽奖的功能,用积分或者很少的几元钱就可以参与一次抽奖。现在就说一下抽奖功能的实现思路。

    前端实现主要靠3个Jquery库文件。

    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>

    <script type="text/javascript" src="js/jQueryRotate.2.2.js"></script>

    <script type="text/javascript" src="js/jquery.easing.min.js"></script>

    disk.jpg

     

    //概率分布

    $prize_arr = array(

      '0' => array('id'=>1,'min'=>1, 'max'=>29,'prize'=>'一等奖','v'=>1),

      '1' => array('id'=>2,'min'=>302,'max'=>328,'prize'=>'二等奖','v'=>2),

      '2' => array('id'=>3,'min'=>242,'max'=>268,'prize'=>'三等奖','v'=>5),

      '3' => array('id'=>4, 'min'=>182,'max'=>208,'prize'=>'四等奖',  'v'=>7), 

      '4' => array('id'=>5,'min'=>122,'max'=>148,'prize'=>'五等奖','v'=>10),

      '5' => array('id'=>6,'min'=>62,'max'=>88,'prize'=>'六等奖','v'=>25),

      '6' => array('id'=>7,'min'=>array(32,92,152,212,272,332),'max'=>array(58,118,178,238,298,358),'prize'=>'七等奖','v'=>50) 

      ); 

    奖项的设置和概率分配。请注意,这里各个奖项的角度设置要跟转盘上的奖项分别对应。就是Min,Max部分的角度设置。

    $(function(){

            lottery();

    });

    function lottery(){

    $("#startbtn").click(function(){

    $.ajax({

    type: 'POST',

    url: '/disk/magic.php',

    dataType: 'json',

    cache: false,

    error: function(){

    alert('出错了!');

    return false;

    },

    success:function(json){

    var a = parseInt(json.angle); //角度

    var p = json.praisename;//奖项

    var n = json.num;//剩余抽奖次数

    if(p!="" && a!=0){

    $("#startbtn").rotate({

    duration:3000, //转动时间

    angle: 0, //默认角度

    animateTo:3600+a, //转动角度

    easing: $.easing.easeOutSine,

    callback: function(){

    var con = confirm('恭喜你,中得'+p+'您还有'+n+'次抽奖次数,还要再来一次吗?');

    $("#startbtn").rotate({angle:0});

    $("#startbtn").css("cursor","pointer");

    if(!con){

    $("#startbtn").unbind('click').css("cursor","default");

    }

    }

    });

    }else{

    alert("您已经没有抽奖次数了!");

    }

    }

    })

    })

    }

    演示地址:

    //m.0475seo.com/disk/disk.html

    也可以增加数据库的表来保存每次抽奖的记录。然后扣除相应的积分?;嵩焙凸芾碓痹诤筇梢圆榭?。

    如果你在开发转盘抽奖功能的时候需要帮助,请跟我联系:QQ804752009

     

     

      

    易联通达的服务项目
    域名注册,网站备案,网站制作,网站维护
    根据您的企业量身定做!
    打造企业的网络名片!
    让您的网站在百度,谷歌排名首页甚至前三名
    让您的网站给您带来潜在客户!
    让企业订单不期而至!
    根据您企业的需求开发软件!
    完全定制您所需要的软件功能!
    贴心的后期维护和保障体系!

    24小时咨询:15144988451 易经理

    易联通达荣誉客户
  • 《侏罗纪世界2》将上映 “星爵”透露:和恐龙的关系“情同父女” 2019-07-18
  • 【10-15万】最新汽车报价 2019-07-18
  • 十九大精神进校园:风正扬帆当有为 勇做时代弄潮儿 2019-07-17
  • 回复@tdeqs:剥削跟所有制没有必然关系!你用自有的生产资料独自(自主劳动自负盈亏)或与他人联合(共同决策利益共享风险共担)生产,跟剥削有啥关系? 2019-07-15
  • 学车参考|2018年5月合肥各驾校考试合格率排行榜发布 2019-07-15
  • 三省一市已联网 四川也能买云贵渝汽车票 2019-07-13
  • 初夏时节 航拍江西宜丰野生泡桐花美丽绽放 2019-07-13
  • 宁夏基础测绘成为经济社会发展助推器 2019-07-10
  • 首款PD-1肺癌免疫药物上市 美国1年疗程售价百万 2019-07-06
  • 美最新研究:抑郁会引发记忆问题 2019-07-06
  • 亚冠-赵旭日2球杨旭破荒 权健3-2柏太阳神将战恒大 2019-07-06
  • 移动互联网时代下新闻报道叙事视角的研究 2019-07-05
  • 铜梁区旧县街道:全面提升执行力 推动工作落地见效 2019-07-04
  • 北京地质出版社原社长李铁钢获刑:逢年过节变相要钱 2019-07-02
  • 房地产就有国家和集体之土地不计价到计价,这笔是经济收入还是财产收入? 2019-06-30
  • 32张扑克牌九 北京麻将馆小游戏4399 图卢兹阿雅克肖 电子游戏机 成吉思汗大帝登陆 图卢兹天气预报查询 祖拉体育队 新疆时时彩开奖54期 内蒙古十一选五走势图任选基本走势 布莱顿大学英国排名