实例介绍
【实例简介】
【实例截图】
【实例截图】
【核心代码】
@{
ViewBag.Title = "大转盘";
Layout = null;
}
@using MvcAppDZP.Models
@model MvcAppDZP.Models.DZPActivityModels
@{
}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Cache-Control" CONTENT="no-store">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="description" content="大转盘"/>
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link href="/Content/WeiQnMyDZP/activity-style.css" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="/Scripts/jquery-ui.js"></script>
<script src="/Scripts/js/tool.js" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MicrosoftMvcAjax.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script src="../../Scripts/WeiQnDZPScript/WeixinApi.js" type="text/javascript"></script>
<title>大转盘</title>
<script src="/Scripts/WeiQnDZPScript/alert.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
var useragent = navigator.userAgent;
if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') {
// 这里警告框会阻塞当前页面继续加载
//alert('已禁止本次访问：您必须使用微信内置浏览器访问本页面！');
// 以下代码是用javascript强行关闭当前页面
var opened = window.open('about:blank', '_self');
// opened.opener = null;
// opened.close();
}
WeixinApi.ready(function (Api) {
window.wxData = {//分享到微信朋友圈
"appId": "",
"imgUrl": 'http://wx.h0591.com/Content/WeiQnMyDZP/activity-coupon-DZP.jpg', //图片路径
"link": 'http://www.dwz.cn/z0NfD', //点击跳转路径
"desc": "海西房产网：参加大转盘活动赢大奖", //描述
"title": "海西房产网：参加大转盘活动赢大奖"//标题
};
});
//分享后回调函数，可以执行一些分享操作的监听
WeixinApi.ready(function (Api) {
var wxCallbacks = {
ready: function () { },
cancel: function (resp) { },
fail: function (resp) { },
confirm: function (resp) {
$.post("../../WeiXinShareHandler.ashx", { mid: MId, userNumber: userNo, Actid: actId }, function (data) {
})
},
all: function (resp) { }
};
Api.shareToTimeline(wxData, wxCallbacks);
});
</script>
<body class="activity-lottery-winning">
<div id="main" class="main">
<script src="../../Scripts/WeiQnDZPScript/jquery.min.js" type="text/javascript"></script>
@*<script type="text/javascript">
function loading() {
document.getElementById('loading'), { radius: 20, circleLineWidth: 8 }
}
// var loadingObj = new loading(document.getElementById('loading'), {radius: 20, circleLineWidth: 8 });
var loadingObj = loading();
if (loadingObj != null) {
loadingObj.show();
}
</script>*@
<div id="outercont">
@if (Convert.ToInt32(ViewData["prizeGradeCount"]) <= 3)
{
<div id="outer-cont">
<div id="outer">
<img src="/Content/WeiQnMyDZP/activity-lottery-1.png" width="225px" alt=""/></div>
</div>
}
else if (Convert.ToInt32(ViewData["prizeGradeCount"]) > 3)
{
<div id="outer-cont">
<div id="outer">
<img src="/Content/WeiQnMyDZP/activity-lottery-6.png" width="225px" alt=""/></div>
</div>
}
<div id="inner-cont">
<div id="inner">
<img src="/Content/WeiQnMyDZP/activity-lottery-2.png" width="90px" height="80px" alt=""/>
</div>
</div>
</div>
<div class="content">
<div class="boxcontent boxyellow" id="result" style="display: none">
<div class="box">
<div class="title-orange">
<span>恭喜你中奖了</span></div>
<div class="Detail">
<a class="ui-link" href="javascript:void(0);" id="opendialog" style="display: none;" data-rel="dialog"></a>
<p>
你中了：<span id="prizetype" class="red"></span></p>
<p>
你的兑奖SN码：<span class="red" id="sncode"></span></p>
<p class="red">
@Model.AxpiryInfo.ToString()</p>
<p>
<input name="" class="px" id="tel" type="text" placeholder="输入您的手机号码" />
</p>
<p>
<input class="pxbtn" id="save-btn" name="提 交" type="button" value="提 交" />
</p>
</div>
</div>
</div>
<div class="boxcontent boxyellow">
<div class="box">
@if (Model.ActPageIsDisPrize == 1)
{
}
else
{
<div class="title-green">
<span>奖项设置：</span></div>
<div class="Detail">
@{List<DZPPrizeModels> prizelist = ViewData["prizelist"] as List<DZPPrizeModels>; }
@foreach (var item in prizelist)
{
if (item.PrizeName == "")
{
continue;
}
<p>
@item.PrizeGrade 等奖：@item.PrizeName 。奖品数量：@item.PrizeNum
</p>
}
</div>
}
</div>
</div>
<div class="boxcontent boxyellow">
<div class="box">
<div class="title-green">
活动说明：</div>
<div class="Detail">
<p>
本次活动每人可以转 @Model.ActMrzdcjcs 次,您已经转了 <span id = "count"></span>次
</p>
<p>
@* 我们的中奖率高达 @ViewData["zjlv"]%！！*@
1.登录海西房产网订阅号进入"幸运大转盘"获得三次机会
</p>
<p>
2.转发海西房产网推送的"大河之舞"微信,分享朋友圈
</p>
<p>
3.分享成功,多一次机会"微信大转盘"
</p>
<p>
4.12月31日统一通知至海房产网领奖,截止1月9号
</p>
<p>
5.每天每人再分享"大河之舞"微信,再多一次转盘机会
</p>
<p>
6.即时产生获奖信息,可私信获取领奖通知
</p>
</div>
<div style="text-align: center;">@ViewData["QN_MEMCPY"].ToString()</div>
</div>
</div>
@Html.HiddenFor(m => m.ActMrzdcjcs)
@Html.Hidden("cjcs", @ViewData["cjNum"])
@Html.Hidden("prizeGradeCount", @ViewData["prizeGradeCount"])
@Html.HiddenFor(m => m.Id)
@Html.HiddenFor(m => m.ActStartTime)
@Html.HiddenFor(m => m.ActEndTime)
@Html.HiddenFor(m => m.MaId)
@Html.HiddenFor(m => m.ActIsOver)
<input id="OpenID" name="OpenID" type="hidden" value="@ViewBag.OpenID" />
<input id="mpOrgID" name="mpOrgID" type="hidden" value="@ViewBag.mpOrgID" />
<input id="MEMID" name="MEMID" type="hidden" value="@ViewBag.MEMID" />
<input id="CurrentDate" name="CurrentDate" type="hidden" value="@ViewData["CurrentDate"]" />
</div>
</div>
<script type="text/javascript">
var flag = null;
var userNo = $("#OpenID").val();
var actId = $("#Id").val();
var MId = $("#MEMID").val();
var prizeGradeCount = $("#prizeGradeCount").val();
var ActStartTime = new Date(document.getElementById("ActStartTime").value.replace(/-/g, "/"));
var ActEndTime = new Date(document.getElementById("ActEndTime").value.replace(/-/g, "/"));
var DefaltDate = new Date("0001-01-01 00:00:00".replace(/-/g, "/"));
var CurrentDate = new Date();
var ActIsOver = document.getElementById("ActIsOver").value;
$(function () {
if (CurrentDate < ActStartTime) {
alert("此活动暂未开始，敬请关注!");
return false;
}
if (ActEndTime.toString() != DefaltDate.toString()) {
if (CurrentDate > ActEndTime) {
alert("亲，活动已经结束，请继续关注我们的后续活动哦!");
return false;
}
}
if (ActIsOver.toString() == "2") {
alert("此活动暂未开始，敬请关注!");
return false;
}
if (ActIsOver.toString() == "1") {
alert("亲，活动已经结束，请继续关注我们的后续活动哦!");
return false;
}
window.requestAnimFrame = (function () {
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {
window.setTimeout(callback, 1000 / 60)
}
})();
var TotalCount = $("#ActMrzdcjcs").val();
var cjNum = $("#cjcs").val();
$("#count").html(cjNum);
var m = cjNum;
var totalDeg = 360 * 3 0;
var steps = [];
if (prizeGradeCount <= 3) {
var lostDeg = [36, 66, 96, 156, 186, 216, 276, 306, 336];
var prizeDeg = [6, 126, 246];
} else if (prizeGradeCount > 3) {
var lostDeg = [36, 96, 156, 216, 276, 336];
var prizeDeg = [6, 66, 126, 186, 246, 306];
}
var prize, sncode;
var count = 0;
var now = 0;
var a = 0.01;
var outter, inner, timer, running = false;
function countSteps() {
var t = Math.sqrt(2 * totalDeg / a);
var v = a * t;
for (var i = 0; i < t; i ) {
steps.push((2 * v * i - a * i * i) / 2)
}
steps.push(totalDeg)
}
function step() {
outter.style.msTransform = 'rotate(' steps[now ] 'deg)'; //IE10，IE9
outter.style.webkitTransform = 'rotate(' steps[now ] 'deg)'; /* Webkit内核浏览器 */
outter.style.MozTransform = 'rotate(' steps[now ] 'deg)'; /* Firefox浏览器 */
outter.style.oTransform = 'rotate(' steps[now ] 'deg)'; /* Opera浏览器 */
if (now < steps.length) {
requestAnimFrame(step)
}
else {
running = false;
setTimeout(function () {
if (prize != null) {
$("#sncode").text(sncode);
var type = "";
if (prize == 1) {
type = "一等奖"
} else if (prize == 2) {
type = "二等奖"
} else if (prize == 3) {
type = "三等奖"
} else if (prize == 4) {
type = "四等奖"
} else if (prize == 5) {
type = "五等奖"
} else if (prize == 6) {
type = "六等奖"
}
$("#prizetype").text(type);
$("#result").slideToggle(500);
$("#outercont").slideUp(500)
}
else {
_alert("谢谢您的参与，下次再接再厉");
//window.location.href = "/before/Index";
}
}, 20)
}
}
function start(deg) {
deg = deg || lostDeg[parseInt(lostDeg.length * Math.random())];
running = true;
clearInterval(timer);
totalDeg = 360 * 5 deg;
// switch (totalDeg) {
// case 2046: //代表中三等奖
// prize = 3;
// sncode = userNo actId parseInt(100 * Math.random()); //sn码
// flag = null;
// break;
// default:
// prize = null;
// break;
// }
steps = [];
now = 0;
countSteps();
requestAnimFrame(step)
}
window.start = start;
outter = document.getElementById('outer');
inner = document.getElementById('inner');
i = 10;
$("#inner").click(function () {
m ;
if (m >= TotalCount) {
$("#count").html(TotalCount);
}
else {
$("#count").html(m);
}
// if (CurrentDate > ActEndTime) {
// alert("活动已结束,请等待开启后在操作!");
// // $("#main").hide();
// return ;
// }
if (running) return;
$.ajax({
url: "/DZPBefore/DzpRequest",
type: "POST",
data: { mid: MId, userNumber: userNo, Actid: actId, random: Math.random() },
success: function (e) {
if (e.error == "invalid") {
alert("您已经抽了" TotalCount " 次奖，本次活动每人最多允许抽奖" TotalCount " 次。");
//_alert("您已经用完" TotalCount " 次抽奖机会");
count = TotalCount;
clearInterval(timer);
return
}
if (e.error == "noPrize") {
alert("奖品已经没有啦");
clearInterval(timer);
return;
}
if (e.success) {
prize = e.prizegrade;
flag = e.flag;
sncode = e.sn;
start(prizeDeg[e.prizegrade - 1])
} else {
start()
}
running = false;
},
error: function () {
prize = null;
start();
running = false;
}
// , timeout: 4000
})
})
});
$("#save-btn").bind("click", function () {
var btn = $(this);
var tel = $("#tel").val();
if (tel == '') {
alert("请输入手机号码"); return
}
// var regu = /^[1][0-9]{10}$/;
var regBox = {
regMobile: /^0?1[0-9][0-9]\d{8}$/, //手机
regTel: /^0[\d]{2,3}-[\d]{7,8}$/,
regTel2: /^[\d]{3,8}$/
}
var mflag = regBox.regMobile.test(tel);
var tflag = regBox.regTel.test(tel);
var tflag2 = regBox.regTel2.test(tel);
if (!(mflag || tflag || tflag2)) {
alert("请输入正确手机号码！");
return false;
}
$.ajax({
type: "POST",
url: "/DZPBefore/SaveUserInfo",
data: { mid: MId, userNumber: userNo, Actid: actId, sncode: $("#sncode").text(), prizeGrade: $("#prizetype").text(), tel: tel, action: "setTel" },
success: function (e) {
if (e.successflag == true) {
$("#tel").val("");
alert("提交成功，谢谢您的参与");
return;
} else if (e.successflag == false) {
alert("提交失败,请重新提交!");
return;
} else {
$("#tel").val("");
alert("您已提交过,请不要重复提交!");
return;
}
},
error: function (msg) {
alert(msg);
}
});
});
</script>
<script type="text/javascript">
$(function() {
window.requestAnimFrame = (function() {
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
function(callback) {
window.setTimeout(callback, 1000 / 60)
}
})();
var totalDeg = 360 * 3 0;
var steps = [];
var lostDeg = [36, 96, 156, 216, 276,336];
var prizeDeg = [6, 66, 126,186,246,306];
var prize, sncode;
var count = 0;
var now = 0;
var a = 0.01;
var outter, inner, timer, running = false;
function countSteps() {
var t = Math.sqrt(2 * totalDeg / a);
var v = a * t;
for (var i = 0; i < t; i ) {
steps.push((2 * v * i - a * i * i) / 2)
}
steps.push(totalDeg)
}
function step() {
outter.style.webkitTransform = 'rotate(' steps[now ] 'deg)';
outter.style.MozTransform = 'rotate(' steps[now ] 'deg)';
if (now < steps.length) {
running = true;
requestAnimFrame(step)
} else {
running = false;
setTimeout(function() {
if (prize != null) {
$("#sncode").text(sncode);
var type = "";
if (prize == 1) {
type = "一等奖"
} else if (prize == 2) {
type = "二等奖"
} else if (prize == 3) {
type = "三等奖"
}
else if (prize == 4) {
type = "四等奖"
}
else if (prize == 5) {
type = "五等奖"
}
else if (prize == 6) {
type = "六等奖"
}
$("#prizetype").text(type);
$("#result").slideToggle(500);
$("#outercont").slideUp(500)
} else {
alert("")
}
},
200)
}
} //setps()
function start(deg) {
deg = deg || lostDeg[parseInt(lostDeg.length * Math.random())];
running = true;
clearInterval(timer);
totalDeg = 360 * 5 deg;
steps = [];
now = 0;
countSteps();
requestAnimFrame(step)
}
window.start = start;
outter = document.getElementById('outer');
inner = document.getElementById('inner');
i = 10;
) //#inner click function;
});
//中奖提交
$("#save-btn").bind("click",
function() {
var btn = $(this);
var tel = $("#tel").val();
var wxname = $("#wechaname").val();
var wechaid = $("#wechaid").val();
var lid = $("#lid").val();
var prizetype = $("#winprize").val();
if (tel == '') {
alert("请认真输入手机号");
return
}
if (wxname == '') {
alert("请认真输入微信号");
return
}
var submitData = {
lid: lid,
sncode: $("#sncode").text(),
tel: tel,
wxname: wxname,
wechaid:wechaid,
rid:$("#rid").val(),
action: "add"
};
$.post('index.php?g=Wap&m=Lottery&a=add', submitData,
function(data) {
if (data.success == true) {
alert(data.msg);
$("#result").hide("slow");
setTimeout("window.location.href = location.href",2000);
return
} else {}
},
"json")
});
$("#save-btnn").bind("click",
function () {
var submitData = {
id: ,
rid: ,
parssword: $("#parssword").val()
};
$.post('index.php?g=Wap&m=Lottery&a=exchange', submitData,
function (data) {
if (data.success == true) {
alert(data.msg);
if (data.changed == true) {
setTimeout("window.location.href = location.href",2000);
}
return
} else {alert(data.msg);}
},
"json")
});
</script>
</body>
</html>
好例子网口号：伸出你的我的手 — 分享！
网友评论
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
支持(0) 盖楼(回复)
支持(0) 盖楼(回复)