基本信息
源码名称:asp.net mvc 大转盘抽奖示例源码
源码大小:9.47M
文件格式:.zip
开发语言:C#
更新时间:2017-05-10
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):78630559
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
@{
ViewBag.Title = "抽奖";
Layout = null;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>抽奖</title>
<link href="~/Content/css/demo.css" rel="stylesheet" />
</head>
<body>
<div class="left">
<div class="turntable-bg">
<!--<div class="mask"><img src="images/award_01.png"></div>-->
<div class="pointer">
<img id="rotate1" onclick="add()" src="~/Content/images/pointer.png" alt="pointer" />
</div>
<div class="rotate">
<img id="rotate" src="~/Content/images/turntable.png" alt="turntable" />
</div>
</div>
</div>
</body>
</html>
<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/jquery.min.js"></script>
<script src="~/Scripts/awardRotate.js"></script>
<script type="text/javascript">
function add() {
$.ajax({
type: 'POST',
url: '/Home/GetTbllist',
dataType: 'json',
cache: false,
error: function () {
alert('出错了!');
return false;
},
success: function (data) {
var angles = parseInt(data.angle); //角度
var txt = data.prize; //奖项
var awards = parseInt(data.id);
var bRotate = false;
var rotateFn = rotateFn_method(awards, angles, txt);
if (bRotate) return;
switch (awards) {
case 0:
//var angle = [26, 88, 137, 185, 235, 287, 337];
rotateFn_method(0, 337, '10奖券');
break;
case 1:
//var angle = [88, 137, 185, 235, 287];
rotateFn_method(1, 26, '一等奖');
break;
case 2:
//var angle = [137, 185, 235, 287];
rotateFn_method(2, 88, '5奖券');
break;
case 3:
//var angle = [137, 185, 235, 287];
rotateFn_method(3, 137, '20奖券');
break;
case 4:
//var angle = [185, 235, 287];
rotateFn_method(4, 185, '三等奖');
break;
case 5:
//var angle = [185, 235, 287];
rotateFn_method(5, 235, '8奖券');
break;
case 6:
//var angle = [235, 287];
rotateFn_method(6, 235, '8奖券');
break;
case 7:
//var angle = [287];
rotateFn_method(7, 282, '二等奖');
break;
}
}
});
}
function rotateFn_method(awards, angles, txt) {
var bRotate = false;
bRotate = !bRotate;
$('#rotate').stopRotate();
$('#rotate').rotate({
angle: 0,
animateTo: angles 1800,
duration: 8000,
callback: function () {
alert("恭喜你抽中" txt "");
bRotate = !bRotate;
}
})
};
</script>