<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>转盘抽奖</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/main.css" />
<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script>
$(document).ready(function(){
$(".panClick").click(function(){
setJIang4()
})
})
</script>
</head>
<body class="panbd">
<div class="panBox">
<div class="panClick"> <a href="javascript:void(0)"></a> </div>
<div class="pan"> </div>
<div class="panbg"></div>
</div>
<div class="HDTitle">中秋大转盘抽奖活动开始</div>
<div class="HDinfo">
<dl>
<dt>活动说明</dt>
<dd>
<p>1.每次可以翻两张牌,当两次都翻到同一奖品时即为中奖,每天有三次机会;</p>
<p>2.将获得发给一位微信好友,就可以增加3次机会,每天限5位好友;</p>
<p>3.中奖粉丝成功提交个人信息后才能领取奖品;</p>
</dd>
</dl>
<dl>
<dt>活动奖品</dt>
<dd>
<p><em>1</em>IPHONE 5S一部(另送专用充电宝)</p>
<p><em>2</em>佳能班单反相机 D700 </p>
</dd>
</dl>
<dl>
<dt>参与次数</dt>
<dd>
<p>您还可以抽奖次数:<i class="org">5次</i></p>
</dd>
</dl>
</div>
<div class="myPrize"><a href="">我的奖品</a></div>
<!--弹窗 begin-->
<div class="pop" id="pop" style="display:block">
<div class="inputBox"> <a href="javascript:void(0);" onclick="document.getElementById('pop').style.display='';" class="close"></a>
<h2>感谢您的参与,请再接再厉哦!</h2>
<input name="" type="button" class="btnPop" value="再来一次"/>
</div>
</div>
<!--弹窗 end-->
</body>
</html>
H5转盘抽奖源代码
3星 · 超过75%的资源 需积分: 48 189 浏览量
2017-09-06
10:37:56
上传
评论 2
收藏 107KB ZIP 举报
qq_40122674
- 粉丝: 0
- 资源: 2