<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>中奖信息</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
</head>
<style>
*{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
outline: 0;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
}
body {
line-height: 1.6;
font-family: -apple-system-font,Helvetica Neue,sans-serif;
}
.zjtopbox{
width: 100%;
overflow: hidden;
height: 8rem;
background: url(img/zjbg.png) no-repeat center top/100% 8rem;
position: relative;
}
.zjtopbox .zjtxtinfo{
position: absolute;
width: 6.1rem;
height: 2.35rem;
background: url(img/zjtxtbg.png) no-repeat center top/6.1rem 2.35rem;
padding: 25px 30px;
left: 50%;
margin-left: -3.05rem;
color: #fff1d9;
font-size: 14px;
top: 4.2rem;
}
.zjtopbox .zjtxtinfo .title{
margin-bottom: 10px;
text-align: center;
font-size: 16px;
}
.zjtxtbox{
background: #da3f59;
overflow: hidden;
}
.zjtxtbox .list{
padding: 0 15px;
font-size: 0;
}
.zjtxtbox .list+.list{
margin-top: 10px;
}
.zjtxtbox .list .type{
color: #ffedcd;
font-size: 15px;
margin-bottom: 5px;
}
.zjtxtbox .list input{
margin: 0;
border: none;
border-radius: 4px;
background: #f5f5f5;
padding: 0 8px;
height: 32px;
font-size: 15px;
color: #333;
line-height: 21px;
width: 100%;
-webkit-appearance: none;
outline: 0;
}
.zjtxtbox .list .info{
font-size: 14px;
color: #ffedcd;
}
.zjxxbox .btns{
margin:20px 15px;
}
.zjxxbox .btns .ui-btn{
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
padding-left: 14px;
padding-right: 14px;
box-sizing: border-box;
font-size: 18px;
text-align: center;
text-decoration: none;
color: #fff;
line-height: 2.55555556;
border-radius: 5px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
overflow: hidden;
line-height: 44px;
height: 44px;
background-color: #ffedcd;
color: #da3f59;
}
</style>
<body>
<div class="zjxxbox">
<div class="zjtopbox">
<div class="zjtxtinfo">
<div class="title">您抽中 50元流量卡</div>
<p>请尽快提交您的个人联系方式，以便发放奖品，不提交将视为自动放弃本次抽奖。</p>
</div>
</div>
<form action="phoneBill.php" method="POST">
<div class="zjtxtbox">
<div class="list">
<input type="hidden" name="money" value="5" />
</div>
<div class="list">
<input type="text" name='phone' id="phone" placeholder="请输入手机号" />
</div>
<div class="btns"><a href="javascript:void(0)" onclick="checkMobile()" id="submit" class="ui-btn">确认领取</a></div>
<br/>
</div>
</form>
</div>
<script language="javascript" type="text/javascript">
function checkMobile() {
var phone = document.getElementById('phone').value;
if(phone==""){
alert("手机号不能为空！");
}
else{
var re = /^((?:13|15|18|14|17)\d{9}|0(?:10|2\d|[3-9]\d{2})[1-9]\d{6,7})$/;// 以1开始后面加10位数字
if (re.test(phone)) {
return true;
} else {
alert("手机号格式错误！");
}
}
}
</script>
<script>
//rem计算方式：设计图尺寸px / 100 = 实际rem 例: 100px = 1rem
!function (window) {
/* 设计图文档宽度 */
var docWidth = 750;
var doc = window.document,
docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
var recalc = (function refreshRem () {
var clientWidth = docEl.getBoundingClientRect().width;
/* 8.55：小于320px不再缩小，11.2：大于420px不再放大 */
docEl.style.fontSize = Math.max(Math.min(20 * (clientWidth / docWidth), 11.2), 8.55) * 5 + 'px';
return refreshRem;
})();
/* 添加倍屏标识，安卓为1 */
docEl.setAttribute('data-dpr', window.navigator.appVersion.match(/iphone/gi) ? window.devicePixelRatio : 1);
if (/iP(hone|od|ad)/.test(window.navigator.userAgent)) {
/* 添加IOS标识 */
doc.documentElement.classList.add('ios');
/* IOS8以上给html添加hairline样式，以便特殊处理 */
if (parseInt(window.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)[1], 10) >= 8)
doc.documentElement.classList.add('hairline');
}
if (!doc.addEventListener) return;
window.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
}(window);
</script>
</body>
</html>
党建活动答题抽奖活动源码
需积分: 5 114 浏览量
2024-01-19
21:46:57
上传
评论
收藏 2.78MB RAR 举报
answers.rar （80个子文件） 
answers phoneBill js 
html5.js 2KB respond.min.js 4KB jquery1.8.3.min.js 91KB phoneBill.php 3KB class.juhe.recharge.php 5KB img 160607dw 
dw_zl02.png 176KB dw_zl04.png 91KB
wsload.gif 28KB dw_zl01.png 481KB zjtxtbg.png 6KB zjbg.png 136KB css chuyouwuyi.css 14KB publi.css 2KB aaa.php 210B
index.html 3KB prize.php 5KB db mysqlconfig.php 165B mysqlfunction.php 4KB subject.html 25KB prize deal.php 982B zjtxtbg.png 6KB 100f.png 67KB zjbg.png 163KB zjbg2.png 136KB index.html 6KB js jquery-1.8.3.js 261KB style css.css 12KB index.html 2KB peonum.php 523B wheel js jquery-1.8.3.min.js 91KB awardRotate.js 11KB css style.css 978B index.html 8KB images turnplate-pointer.png 3KB 100f.png 67KB turnplate-bg.png 5KB 1.png 498B 2.png 754B images 20f.png 66KB
dxt01.jpg 20KB t_w.png 937B pd02.jpg 35KB t_b.png 939B 40f.png 66KB pd01.jpg 32KB dxt03.jpg 27KB index_bg - 副本.png 21KB 100f.png 67KB back_ico.gif 1KB right1.png 13KB wrong.png 35KB tj_btn_bg.png 2KB 50f.png 66KB wrong2.png 13KB text02.png 17KB 10f.png 65KB 90f.png 66KB dx04.jpg 22KB tjlogo.png 54KB 60f.png 68KB index_bg2.png 9KB index_bg.png 20KB home_icon.png 2KB index_bg1.png 23KB 0f.png 63KB btn_bg.png 3KB but01.gif 2KB dx01.jpg 25KB right.png 36KB 30f.png 66KB dx02.jpg 31KB title_text.png 14KB dx03.jpg 25KB text01.png 10KB pd03.jpg 38KB 80f.png 66KB dxt02.jpg 26KB 70f.png 67KB login_title.png 94KB chapter.html 25KB资源评论
