在好例子网,分享、交流、成长!
您当前所在位置:首页PHP 开发实例PHP多媒体编程 → 幸运大转盘-jQuery+PHP实现的抽奖程序

幸运大转盘-jQuery+PHP实现的抽奖程序

PHP多媒体编程

下载此实例
  • 开发语言:PHP
  • 实例大小:0.07M
  • 下载次数:42
  • 浏览次数:1844
  • 发布时间:2013-08-23
  • 实例类别:PHP多媒体编程
  • 发 布 人:星辰大魔王
  • 所需积分:2
 相关标签: jQuery php

实例介绍

【实例简介】

目前好多网站上应用的转盘抽奖程序大多是基于flash的,而本文结合实例将使用jQuery和PHP来实现转盘抽奖程序

【实例截图】

【核心代码】

$(function(){ $("#startbtn").rotate({ 
        bind:{ 
            click:function(){//绑定click单击事件 
                 var a = Math.floor(Math.random() * 360); //生成随机数 
                 $(this).rotate({ 
                         duration:3000,//转动时间间隔(转动速度) 
                         angle: 0,  //开始角度 
                        animateTo:3600 a, //转动角度,10圈  
                        easing: $.easing.easeOutSine, //动画扩展 
                        callback: function(){ //回调函数 
                            alert('中奖了!'); 
                        } }); 
            } 
        } 
    }); 
}); 


function getRand($proArr) { $result = ''; //概率数组的总概率精度  $proSum = array_sum($proArr); //概率数组循环  foreach ($proArr as $key => $proCur) { $randNum = mt_rand(1, $proSum); if ($randNum <= $proCur) { $result = $key; break; 
        } else { $proSum -= $proCur; 
        } 
    } unset ($proArr); return $result; 
} 
function lottery(){ 
    $.ajax({ 
        type: 'POST', 
        url: 'data.php', 
        dataType: 'json', 
        cache: false, 
        error: function(){ 
            alert('出错了!'); return false; 
        }, 
        success:function(json){ 
            $("#startbtn").unbind('click').css("cursor","default"); var a = json.angle; //角度  var p = json.prize; //奖项  $("#startbtn").rotate({ 
                duration:3000, //转动时间  angle: 0, 
                animateTo:1800 a, //转动角度   easing: $.easing.easeOutSine, 
                callback: function(){ var con = confirm('恭喜你,中得' p '\n还要再来一次吗?'); if(con){ 
                        lottery(); 
                    }else{ return false; 
                    } 
                } 
            }); 
        } 
    }); 
} 

标签: jQuery php

实例下载地址

幸运大转盘-jQuery+PHP实现的抽奖程序

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享

相关文章

网友评论

第 1 楼 lizuanxin 发表于: 2014-09-07 16:58 38
顶一下

支持(0) 盖楼(回复)

发表评论

(您的评论需要经过审核才能显示)

查看所有1条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
;
报警