Fork me on GitHub

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


桌面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-7"><div class="lottrymask"></div><img src="../images/lottery/jb.png" /><p>5安全金币</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" >
                            <!--<li><span class="username">用户361***48</span><span class="giftname">5Q币</span></li>-->
                            <!--<li><span class="username">用户361***48</span><span class="giftname">5Q币</span></li>-->
                            <!--<li><span class="username">用户361***48</span><span class="giftname">5Q币</span></li>-->
                        </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 style="margin-top: 15px; margin-bottom: 15px;"><a href="#" onclick="goLottery();return false;" class="return">返回</a></div>-->
            <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;">
                            <!--<input class="sendmsg btn" type="button" value="确认提交" name="send">-->
                            <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>





posted @   LookPHP  阅读(323)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示