qq电脑管家抽奖页面源代码-CSDN博客

桌面qq电脑管家中个人中心的抽奖页面竟然是HTML写的，光大我HTML。！！！

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../css/lottery.css"/>
</head>
<body>
<div class="wrap">
<a class="close" href="javascript:window.parent.swingOff();"></a>
<div class="lottery_title">
<div class="icon"></div>
<p class="p1">来抽奖，拼手气！</p>
<a href="#" class="return" onclick="goLottery();return false;" style="margin-top: 10px; display: none;">返回上一页</a>
<p class="p2">今天还有 <span id="lottery_num" class="green">0</span> 次抽奖机会哦~ </p>
</div>
<div class="page">
<div class="lotter-wrap">
<div id="lottery">
<table>
<tr>
<td class="lottery-unit lottery-unit-0"><div class="lottrymask"></div><img /><p>5安全金币</p></td>
<td class="lottery-unit lottery-unit-1"><div class="lottrymask"></div><img /><p>传奇霸业</p></td>
<td class="lottery-unit lottery-unit-2"><div class="lottrymask"></div><img /><p>金秀贤西装抱枕</p></td>
<td class="lottery-unit lottery-unit-3"><div class="lottrymask"></div><img /><p>Mac air</p></td>
</tr>
<tr>
<td class="lottery-unit lottery-unit-9"><div class="lottrymask"></div><img /><p>新版管家公仔</p></td>
<td colspan="2">
<div id="lotterybtn" title="点击按钮赢大奖！">
<i>立即抽奖</i>
<p>还有 <span class="num">0</span> 次抽奖机会</p>
</div>
</td>
<td class="lottery-unit lottery-unit-4"><div class="lottrymask"></div><img /><p>财神公仔</p></td>
</tr>
<tr>
<td class="lottery-unit lottery-unit-8"><div class="lottrymask"></div><img /><p>iWatch</p></td>
<td class="lottery-unit lottery-unit-7"><div class="lottrymask"></div><img /><p>10Q币</p></td>

<td class="lottery-unit lottery-unit-6"><div class="lottrymask"></div><img /><p>谢谢参与</p></td>
<td class="lottery-unit lottery-unit-5"><div class="lottrymask"></div><img /><p>机器人微宝</p></td>
</tr>
</table>
</div>
<div class="lottery-bottom">
<div class="lottery-sidebar" style="float:left; padding-left:25px;">
<div class="title">
<b>抽奖条件：</b>满足任一条件即可抽奖 1次 <a data-stats="lottery.more_info" href="http://bbs.guanjia.qq.com/forum.php?mod=viewthread&tid=3434629" target="_blank" style="position: absolute; right: 0;">详情</a>
</div>
<ul class="condition">
</ul>
</div>
<div class="lottery-sidebar" style="float:right; padding-right:25px;">
<div class="title">
<b class="jrxy">今日幸运儿：</b>
</div>
<div id="userContainer" style="margin-top: 10px;">
<ul class="users" id="usersScroll" >



</ul>
</div>
<div><a href="#" class="prevMygift" data-stats="prevGifts">上一期的奖品</a></div>
<div class="mygift"><a href="#" data-stats="lottery.mygifts">我的抽奖记录( <span id="giftcount">0</span> )</a></div>
</div>
</div>
</div>
<div class="gift-wrap">
<div class="gift1 gift">
<img src="../images/lottery/qb.png" alt=""/>
<div class="giftinfo">恭喜抽到 <span class="gname">Q币</span></div>
<div class="tip" id="qqtip">
已转入您的QQ帐号中 <a href="http://my.pay.qq.com/account/index.shtml?ADTAG=PAY.MYPAY.INDEX.QQTIPS_RECHARGE" target="_blank">查看</a>
</div>
<div class="tip" id="jbtip">
已存入我的安全金币中
</div>
<div class="tip" id="cdkeyTip">
</div>
<div style="font-size: 0;">
<div class="btn again">再抽一次</div>
<div class="btn drowdown">
分享
<ul>
<li><a class="weibo" href="javascript:void(0)" onclick="share('qqwb')">腾讯微博</a></li>
<li><a class="qzone" href="javascript:void(0)" onclick="share('qzone')">QQ空间</a></li>
<li><a class="sina" href="javascript:void(0)" onclick="share('sina')">新浪微博</a></li>
</ul>
</div>
</div>
</div>
<div class="tks gift" style=" margin-top: -118px;">
<img src="../images/lottery/tks.png" alt=""/>
<p style="color: #333333; margin-bottom: 0; font-size: 16px;">没抽到～</p>
<p style="margin-top: 0;">很遗憾，运气还差那么一点哦～！</p>
<a href="#" style="margin-top: 8px;" class="btn again">再抽一次</a>
</div>
<div class="addrgift gift">
<img src="../images/lottery/img1.png" alt=""/>
<div class="giftinfo">恭喜抽到 <span class="gname">QQ安全抱枕</span>，<a href="#" onclick="addr();return false;">请填写收货信息！</a></div>
<div style="font-size: 0;">
<div class="btn again">再抽一次</div>
<div class="btn drowdown">
分享
<ul>
<li><a class="weibo" href="javascript:void(0)" onclick="share('qqwb')">腾讯微博</a></li>
<li><a class="qzone" href="javascript:void(0)" onclick="share('qzone')">QQ空间</a></li>
<li><a class="sina" href="javascript:void(0)" onclick="share('sina')">新浪微博</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="mygift-wrap">

<div class="no-mygifts">
抱歉，您还没有奖品哦，下次加油，么么哒~
</div>
<table>
<thead>
<tr>
<td>奖品内容</td>
<td>到帐情况</td>
<td>领取时间</td>
</tr>
</thead>
<tbody>
<tr>
<td>1Q比</td>
<td>24小时内到帐</td>
<td>2015-6-12 19:35:50</td>
</tr>
</tbody>
</table>
</div>
<div class="addr-wrap">
<a href="#" class="return" style="margin-top: 10px;" onclick="mygifts();return false;">返回上一页</a>
<div class="addr_tb">
<table width="100%" class="k_tb" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30%" align="right"><span class="red">*</span>姓名：</td>
<td><input type="text" name="name" id="goodsName" class="input_w1"></td>
</tr>
<tr>
<td align="right"><span class="red">*</span>电话号码：</td>
<td><input type="text" name="phone" id="goodsPhone" class="input_w1" validity="name:联系电话;required:true;format:numb;minlen:7;maxlen:20" ></td>
</tr>
<tr>
<td align="right">性别：</td>
<td>
<label>
<input type="radio" name="gender" value="男" checked="checked">男
</label>
<label>
<input type="radio" name="gender" value="女">女
</label>
</td>
</tr>
<tr>
<td align="right"><span class="red">*</span>所在地：</td>
<td>
<select name="province" id="currProv"><option value="">省份</option></select>
<select name="city" style="display:none;" id="currCity"><option value="">城市</option></select>
</td>
</tr>
<tr>
<td align="right"><span class="red">*</span>详细地址：</td>
<td><input type="text" name="address" id="goodsAddr" class="input_w1"></td>
</tr>
<tr>
<td align="right"><span class="red">*</span>邮编：</td>
<td><input type="text" name="postcode" id="goodsCode" class="input_w1"></td>
</tr>
<tr>
<td></td>
<td style="text-align: left;">

<div class="sendmsg btn" style="margin-top: 13px;">确认提交</div>
<span id="rettip"></span>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="http://pc1.gtimg.com/js/jquery-1.7.2.min.js"></script>
<script src="../js/underscore-min.js"></script>
<script type="text/javascript" src="http://guanjia.qq.com/assets/js/addr.js"></script>
<script type="text/javascript" src="http://ossweb-img.qq.com/images/js/roleselector/roleselectorv3.js"></script>
<script type="text/javascript" src="../js/comm.js"></script>
<script src="../js/lottery.js"></script>
<script>
$(".addr_tb .sendmsg").click(function () {
checkGoods()
});
function setAddrResult(a){
if(a.code == 0){
alert("提交成功，奖品将在活动结束后30个工作日内派送。");
}else{
alert("提交失败，请重试");
}
}
</script>
</body>
</html>