qq电脑管家抽奖页面源代码

时间:2021-03-18 04:12:46

桌面qq电脑管家中个人中心的抽奖页面竟然是HTML写的,光大我HTML。!!!
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <link rel="stylesheet" href="../css/lottery.css"/>
  7. </head>
  8. <body>
  9. <div class="wrap">
  10. <a class="close" href="javascript:window.parent.swingOff();"></a>
  11. <div class="lottery_title">
  12. <div class="icon"></div>
  13. <p class="p1">来抽奖,拼手气!</p>
  14. <a href="#" class="return" onclick="goLottery();return false;" style="margin-top: 10px; display: none;">返回上一页</a>
  15. <p class="p2">今天还有 <span id="lottery_num" class="green">0</span> 次抽奖机会哦~ </p>
  16. </div>
  17. <div class="page">
  18. <div class="lotter-wrap">
  19. <div id="lottery">
  20. <table>
  21. <tr>
  22. <td class="lottery-unit lottery-unit-0"><div class="lottrymask"></div><img /><p>5安全金币</p></td>
  23. <td class="lottery-unit lottery-unit-1"><div class="lottrymask"></div><img /><p>传奇霸业</p></td>
  24. <td class="lottery-unit lottery-unit-2"><div class="lottrymask"></div><img /><p>金秀贤西装抱枕</p></td>
  25. <td class="lottery-unit lottery-unit-3"><div class="lottrymask"></div><img /><p>Mac air</p></td>
  26. </tr>
  27. <tr>
  28. <td class="lottery-unit lottery-unit-9"><div class="lottrymask"></div><img /><p>新版管家公仔</p></td>
  29. <td colspan="2">
  30. <div id="lotterybtn" title="点击按钮赢大奖!">
  31. <i>立即抽奖</i>
  32. <p>还有 <span class="num">0</span> 次抽奖机会</p>
  33. </div>
  34. </td>
  35. <td class="lottery-unit lottery-unit-4"><div class="lottrymask"></div><img /><p>财神公仔</p></td>
  36. </tr>
  37. <tr>
  38. <td class="lottery-unit lottery-unit-8"><div class="lottrymask"></div><img /><p>iWatch</p></td>
  39. <td class="lottery-unit lottery-unit-7"><div class="lottrymask"></div><img /><p>10Q币</p></td>
  40. <!--<td class="lottery-unit lottery-unit-7"><div class="lottrymask"></div><img src="../images/lottery/jb.png" /><p>5安全金币</p></td>-->
  41. <td class="lottery-unit lottery-unit-6"><div class="lottrymask"></div><img /><p>谢谢参与</p></td>
  42. <td class="lottery-unit lottery-unit-5"><div class="lottrymask"></div><img /><p>机器人微宝</p></td>
  43. </tr>
  44. </table>
  45. </div>
  46. <div class="lottery-bottom">
  47. <div class="lottery-sidebar" style="float:left; padding-left:25px;">
  48. <div class="title">
  49. <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>
  50. </div>
  51. <ul class="condition">
  52. </ul>
  53. </div>
  54. <div class="lottery-sidebar" style="float:right; padding-right:25px;">
  55. <div class="title">
  56. <b class="jrxy">今日幸运儿:</b>
  57. </div>
  58. <div id="userContainer" style="margin-top: 10px;">
  59. <ul class="users" id="usersScroll" >
  60. <!--<li><span class="username">用户361***48</span><span class="giftname">5Q币</span></li>-->
  61. <!--<li><span class="username">用户361***48</span><span class="giftname">5Q币</span></li>-->
  62. <!--<li><span class="username">用户361***48</span><span class="giftname">5Q币</span></li>-->
  63. </ul>
  64. </div>
  65. <div><a href="#" class="prevMygift" data-stats="prevGifts">上一期的奖品</a></div>
  66. <div class="mygift"><a href="#" data-stats="lottery.mygifts">我的抽奖记录( <span id="giftcount">0</span> )</a></div>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="gift-wrap">
  71. <div class="gift1 gift">
  72. <img src="../images/lottery/qb.png" alt=""/>
  73. <div class="giftinfo">恭喜抽到 <span class="gname">Q币</span></div>
  74. <div class="tip" id="qqtip">
  75. 已转入您的QQ帐号中 <a href="http://my.pay.qq.com/account/index.shtml?ADTAG=PAY.MYPAY.INDEX.QQTIPS_RECHARGE" target="_blank">查看</a>
  76. </div>
  77. <div class="tip" id="jbtip">
  78. 已存入我的安全金币中
  79. </div>
  80. <div class="tip" id="cdkeyTip">
  81. </div>
  82. <div style="font-size: 0;">
  83. <div class="btn again">再抽一次</div>
  84. <div class="btn drowdown">
  85. 分享
  86. <ul>
  87. <li><a class="weibo" href="javascript:void(0)" onclick="share('qqwb')">腾讯微博</a></li>
  88. <li><a class="qzone" href="javascript:void(0)" onclick="share('qzone')">QQ空间</a></li>
  89. <li><a class="sina" href="javascript:void(0)" onclick="share('sina')">新浪微博</a></li>
  90. </ul>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="tks gift" style=" margin-top: -118px;">
  95. <img src="../images/lottery/tks.png" alt=""/>
  96. <p style="color: #333333; margin-bottom: 0; font-size: 16px;">没抽到~</p>
  97. <p style="margin-top: 0;">很遗憾,运气还差那么一点哦~!</p>
  98. <a href="#" style="margin-top: 8px;" class="btn again">再抽一次</a>
  99. </div>
  100. <div class="addrgift gift">
  101. <img src="../images/lottery/img1.png" alt=""/>
  102. <div class="giftinfo">恭喜抽到 <span class="gname">QQ安全抱枕</span>,<a href="#" onclick="addr();return false;">请填写收货信息!</a></div>
  103. <div style="font-size: 0;">
  104. <div class="btn again">再抽一次</div>
  105. <div class="btn drowdown">
  106. 分享
  107. <ul>
  108. <li><a class="weibo" href="javascript:void(0)" onclick="share('qqwb')">腾讯微博</a></li>
  109. <li><a class="qzone" href="javascript:void(0)" onclick="share('qzone')">QQ空间</a></li>
  110. <li><a class="sina" href="javascript:void(0)" onclick="share('sina')">新浪微博</a></li>
  111. </ul>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <div class="mygift-wrap">
  117. <!--<div style="margin-top: 15px; margin-bottom: 15px;"><a href="#" onclick="goLottery();return false;" class="return">返回</a></div>-->
  118. <div class="no-mygifts">
  119. 抱歉,您还没有奖品哦,下次加油,么么哒~
  120. </div>
  121. <table>
  122. <thead>
  123. <tr>
  124. <td>奖品内容</td>
  125. <td>到帐情况</td>
  126. <td>领取时间</td>
  127. </tr>
  128. </thead>
  129. <tbody>
  130. <tr>
  131. <td>1Q比</td>
  132. <td>24小时内到帐</td>
  133. <td>2015-6-12 19:35:50</td>
  134. </tr>
  135. </tbody>
  136. </table>
  137. </div>
  138. <div class="addr-wrap">
  139. <a href="#" class="return" style="margin-top: 10px;" onclick="mygifts();return false;">返回上一页</a>
  140. <div class="addr_tb">
  141. <table width="100%" class="k_tb" border="0" cellspacing="0" cellpadding="0">
  142. <tr>
  143. <td width="30%" align="right"><span class="red">*</span>姓名:</td>
  144. <td><input type="text" name="name" id="goodsName" class="input_w1"></td>
  145. </tr>
  146. <tr>
  147. <td align="right"><span class="red">*</span>电话号码:</td>
  148. <td><input type="text" name="phone" id="goodsPhone" class="input_w1" validity="name:联系电话;required:true;format:numb;minlen:7;maxlen:20" ></td>
  149. </tr>
  150. <tr>
  151. <td align="right">性别:</td>
  152. <td>
  153. <label>
  154. <input type="radio" name="gender" value="男" checked="checked">男
  155. </label>
  156. <label>
  157. <input type="radio" name="gender" value="女">女
  158. </label>
  159. </td>
  160. </tr>
  161. <tr>
  162. <td align="right"><span class="red">*</span>所在地:</td>
  163. <td>
  164. <select name="province" id="currProv"><option value="">省份</option></select>
  165. <select name="city" style="display:none;" id="currCity"><option value="">城市</option></select>
  166. </td>
  167. </tr>
  168. <tr>
  169. <td align="right"><span class="red">*</span>详细地址:</td>
  170. <td><input type="text" name="address" id="goodsAddr" class="input_w1"></td>
  171. </tr>
  172. <tr>
  173. <td align="right"><span class="red">*</span>邮编:</td>
  174. <td><input type="text" name="postcode" id="goodsCode" class="input_w1"></td>
  175. </tr>
  176. <tr>
  177. <td></td>
  178. <td style="text-align: left;">
  179. <!--<input class="sendmsg btn" type="button" value="确认提交" name="send">-->
  180. <div class="sendmsg btn" style="margin-top: 13px;">确认提交</div>
  181. <span id="rettip"></span>
  182. </td>
  183. </tr>
  184. </table>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. <script type="text/javascript" src="http://pc1.gtimg.com/js/jquery-1.7.2.min.js"></script>
  190. <script src="../js/underscore-min.js"></script>
  191. <script type="text/javascript" src="http://guanjia.qq.com/assets/js/addr.js"></script>
  192. <script type="text/javascript" src="http://ossweb-img.qq.com/images/js/roleselector/roleselectorv3.js"></script>
  193. <script type="text/javascript" src="../js/comm.js"></script>
  194. <script src="../js/lottery.js"></script>
  195. <script>
  196. $(".addr_tb .sendmsg").click(function () {
  197. checkGoods()
  198. });
  199. function setAddrResult(a){
  200. if(a.code == 0){
  201. alert("提交成功,奖品将在活动结束后30个工作日内派送。");
  202. }else{
  203. alert("提交失败,请重试");
  204. }
  205. }
  206. </script>
  207. </body>
  208. </html>