在好例子网,分享、交流、成长!
您当前所在位置:首页CSS 开发实例Box Model → 红包推广源码

红包推广源码

Box Model

下载此实例
  • 开发语言:CSS
  • 实例大小:0.65M
  • 下载次数:29
  • 浏览次数:1296
  • 发布时间:2016-11-07
  • 实例类别:Box Model
  • 发 布 人:skyrtc2016
  • 文件格式:.rar
  • 所需积分:2
 相关标签: QQ 抽奖 微信 c 源码

实例介绍

【实例简介】

一个非常好的红包推广源码。

【实例截图】

【核心代码】

<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
          name="viewport">

    <meta itemprop="name" content="幸运抽抽抽,我已抽到iPhone 6s、金条、4999元大礼包!">
    <meta itemprop="image" content="images/12345.jpg">
    <meta name="description" itemprop="description" content="好友送你一次抽奖机会,iPhone 6s、金条、4999元大礼包等你抽,100%中奖!">


    <link rel="stylesheet" href="style.css"/>
    <link rel="stylesheet"  href="a20150813.3e6f7c2c.lc.css">

    <title>幸运抽抽抽</title>

    <script>
        function getCookie(name) {
            var arr, reg = new RegExp("(^| )" name "=([^;]*)(;|$)");

            if (arr = document.cookie.match(reg))

                return unescape(arr[2]);
            else
                return null;
        }
        if(getCookie('name')>=5){
            location.href='http://这里填写成功领奖网址';
        }
    </script>

    <!--script src="js/sp.js"></script-->

</head>

<body class="p-share show-body-loading" >

<img src="images/123456.jpg" alt="" style="width: 0;height: 0"/>

<div style="display: none">
    <audio id="b1" controls>
        <source src="images/1445642818.mp3" type="audio/mpeg">
    </audio>
    <audio id="j2" controls>
        <source src="images/1445642668.mp3" type="audio/mpeg">
    </audio>
    <script>
        var myVideob1 = document.getElementById("b1");
        var myVideoj2 = document.getElementById("j2");

        function playVid() {
            myVideob1.play();
        }

        function playVid2() {
            myVideoj2.play();
        }
    </script>
</div>

<div class="box">
<div class="index-top">

<div class="dialog-mode">
    <div class="lt js-invite-avatar">
        <img src="images/god.png"
             alt="">
    </div>
    <div class="rt">
        <p><span class="js-invite-text">送你一次抽奖机会,iPhone 6s、金条、4999元紅包等你抽,100%中奖!</span>
        </p>
    </div>
</div>
<style>
    .orange {
        background: #ffA550;
    }
</style>

<script src="http://lib.sinaapp.com/js/jquery/2.0.3/jquery-2.0.3.min.js"></script>
<script>
var ti;
function sleep(numberMillis) {
    var now = new Date();
    var exitTime = now.getTime() numberMillis;
    while (true) {
        now = new Date();
        if (now.getTime() > exitTime)
            return;
    }
}

function GetRandomNum(Min, Max) {
    var Range = Max - Min;
    var Rand = Math.random();
    return (Min Math.round(Rand * Range));
}

function orange() {
    playVid();
    var i = 0;
    var a = 0;
//        ti=GetRandomNum(0,11);
    ti = 3;
    var id001 = setInterval(function () {
        var obj = $('.lottery-unit-' i ' div');
        var obj2 = $('.lottery-unit-' (i - 1) ' div');

        obj.css("background-color", "orange");
        obj2.css("background-color", "#3bcfff");

        if (a == 2 && (i - 1) == ti) {
            window.clearInterval(id001);
            playVid2();
            if (ti == 0 || ti == 2 || ti == 4 || ti == 6 || ti == 8 || ti == 10) {
                sleep(600);
                $('#prize_modal').removeClass('hide');
                switch (ti) {
                    case 0:
                        $('#jiangping').html('iPhone 6s');
                        $('#prz_img_wrap img:eq(0)').removeClass('hide');
                        break;
                    case 2:
                        $('#jiangping').html('三星NOTE 5');
                        $('#prz_img_wrap img:eq(1)').removeClass('hide');

                        break;
                    case 4:
                        $('#jiangping').html('Apple Watch');
                        $('#prz_img_wrap img:eq(2)').removeClass('hide');

                        break;
                    case 6:
                        $('#jiangping').html('定制金条');
//                            $('#prz_img_wrap img:eq(3)').removeClass('hide');

                        break;
                    case 8:
                        $('#jiangping').html('iPad Air2');
                        $('#prz_img_wrap img:eq(3)').removeClass('hide');

                        break;
                    case 10:
                        $('#jiangping').html('大疆无人机');
                        $('#prz_img_wrap img:eq(4)').removeClass('hide');

                        break;
                }
            } else {
                sleep(600);
                $('#hb_modal').removeClass('hide');
                switch (ti) {
                    case 1:
                        $('.js-hb-amount').html('10');
                        break;
                    case 3:
                        $('.js-hb-amount').html('200');
                        break;
                    case 5:
                        $('.js-hb-amount').html('100');
                        break;
                    case 7:
                        $('.js-hb-amount').html('50');
                        break;
                    case 9:
                        $('.js-hb-amount').html('8');
                        break;
                    case 11:
                        $('.js-hb-amount').html('3');
                        break;
                }
            }
        }
        i ;
        if (i == 13) {
            i = 0;
            a ;
        }
    }, 80);
    di2();
}
function getCookie(name) {
    var arr, reg = new RegExp("(^| )" name "=([^;]*)(;|$)");

    if (arr = document.cookie.match(reg))

        return unescape(arr[2]);
    else
        return null;
}
function setCookie(name, value) {
    var Days = 30;
    var exp = new Date();
    exp.setTime(exp.getTime() Days * 24 * 60 * 60 * 1000);
    document.cookie = name "=" escape(value) ";expires=" exp.toGMTString();
}

function dj() {
    alert('恭喜您!成功领取200元紅包,分享后重新打开即可到账!');
}

function di2(){

    setCookie('ti', ti);
}

function di3(){
    if (!getCookie('name')) {
        setCookie('name', 1)
    } else {
        var nowcookie = getCookie('name');
        var newcookie = nowcookie - 1 2;
        setCookie('name', newcookie);
    }
}

di3();

$(document).ready(function () {

    if (getCookie('ti')) {
        ti = getCookie('ti');
        if (ti == 0 || ti == 2 || ti == 4 || ti == 6 || ti == 8 || ti == 10) {
            $('#prize_modal').removeClass('hide');
            if (ti == 0) {
                $('#jiangping').html('iPhone 6s');
                $('#prz_img_wrap img:eq(0)').removeClass('hide');
            }
            if (ti == 2) {
                $('#jiangping').html('三星NOTE 5');
                $('#prz_img_wrap img:eq(1)').removeClass('hide');
            }
            if (ti == 4) {
                $('#jiangping').html('Apple Watch');
                $('#prz_img_wrap img:eq(2)').removeClass('hide');
            }
            if (ti == 6) {
                $('#jiangping').html('定制金条');
            }
            if (ti == 8) {
                $('#jiangping').html('iPad Air2');
                $('#prz_img_wrap img:eq(3)').removeClass('hide');
            }
            if (ti == 10) {
                $('#jiangping').html('大疆无人机');
                $('#prz_img_wrap img:eq(4)').removeClass('hide');
            }


        } else {
            sleep(600);
            $('#hb_modal').removeClass('hide');
            if (ti == 1) {
                $('.js-hb-amount').html('10');

            }
            if (ti == 3) {
                $('.js-hb-amount').html('200');

            }
            if (ti == 5) {
                $('.js-hb-amount').html('100');

            }
            if (ti == 7) {
                $('.js-hb-amount').html('50');

            }
            if (ti == 9) {
                $('.js-hb-amount').html('8');

            }
            if (ti == 11) {
                $('.js-hb-amount').html('3');

            }

        }
        share();
    }

    $('.js-left-num').html('1');

    $('#pop_mask').hide();

    $('#lottery_btn').click(function () {
        orange();
    });
})

</script>


<style>
    .share {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
        height: 100%;
        color: #fff;
        font: 14px/30px "榛戜綋";
        /*14px/30px "榛戜綋"*/
        background: rgba(0, 0, 0, .75);
    }

    .share img {
        float: right;
        width: 100%;
        margin: 10px;
    }

    .share p {
        padding: 0 10px;
    }

    .tr {
        text-align: right;
    }
</style>
<!-- center -->
<div class="lottery-wrap">
    <div class="lottery-cnt">
        <div class="lottery-item" id="lottery_wrap">
            <div class="go-box all-m">
                <div class="go-btn" id="lottery_btn">
                    <em>GO</em>
                    <span>剩余<var class="js-left-num">0</var>次<br>机会</span>
                </div>
            </div>
            <ul>
                <li class="lottery-unit lottery-unit-0">
                    <div class="prz-box">
                        <img width="35" src="images/m1.png"
                             alt="">

                        <p class="prz-txt">iPhone 6s</p>
                    </div>
                </li>
                <li class="lottery-unit lottery-unit-1">
                    <div class="prz-box">
                        <img width="26" src="images/m2.png"
                             alt="">

                        <p class="prz-txt">¥10</p>
                    </div>
                </li>
                <li class="lottery-unit lottery-unit-2">
                    <div class="prz-box">
                        <img width="23" src="images/m3.png"
                             alt="">

                        <p class="prz-txt">三星NOTE 5</p>
                    </div>
                </li>
                <li class="lottery-unit lottery-unit-3">
                    <div class="prz-box">
                        <img width="26" src="images/m2.png"
                             alt="">

                        <p class="prz-txt">¥200</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li class="lottery-unit lottery-unit-11">
                    <div class="prz-box">
                        <img width="26" src="images/m2.png"
                             alt="">

                        <p class="prz-txt">¥3</p>
                    </div>
                </li>
                <li>&nbsp;</li>
                <li>&nbsp;</li>
                <li class="lottery-unit lottery-unit-4">
                    <div class="prz-box">
                        <img width="32" src="images/m4.png"
                             alt="">

                        <p class="prz-txt">Apple Watch</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li class="lottery-unit lottery-unit-10">
                    <div class="prz-box">
                        <img width="49" src="images/m7.png"
                             alt="">

                        <p class="prz-txt">大疆无人机</p>
                    </div>
                </li>
                <li>&nbsp;</li>
                <li>&nbsp;</li>
                <li class="lottery-unit lottery-unit-5">
                    <div class="prz-box">
                        <img width="26" src="images/m2.png"
                             alt="">

                        <p class="prz-txt">¥100</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li class="lottery-unit lottery-unit-9">
                    <div class="prz-box">
                        <img width="26" src="images/m2.png"
                             alt="">

                        <p class="prz-txt">¥8</p>
                    </div>
                </li>
                <li class="lottery-unit lottery-unit-8">
                    <div class="prz-box">
                        <img width="35" src="images/m6.png"
                             alt="">

                        <p class="prz-txt">iPad Air2</p>
                    </div>
                </li>
                <li class="lottery-unit lottery-unit-7">
                    <div class="prz-box">
                        <img width="26" src="images/m2.png"
                             alt="">

                        <p class="prz-txt">¥50</p>
                    </div>
                </li>
                <li class="lottery-unit lottery-unit-6">
                    <div class="prz-box">
                        <img width="42" src="images/m5.png"
                             alt="">

                        <p class="prz-txt">定制金条</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="btn-wrap hide">
    <a class="btn-m" href="">赚抽奖机会</a>
</div>
<p class="share-txt"></p>

<p class="check2">

</p>
</div>
<!-- 关于 -->
<div class="intro">
    <h2 class="line-txt"><span>中大奖用户</span></h2>
    <img src="images/1000.jpg" alt="" style="width: 100%"/>

    <div style="width: 100%;height: 40px"></div>

</div>



</div>
<!-- hbwin-->
<div class="pop-detail hide" id="hb_modal">
    <div class="pop-cnt-wrap">
        <div class="pop-cnt pop-light">
            <!--            <a class="cls js-close-icon" href="javascript:;">关闭按钮</a>-->
            <ul class="tape">
                <li class="li-1"></li>
                <li class="li-2"></li>
                <li class="li-3"></li>
                <li class="li-4"></li>
                <li class="li-5"></li>
            </ul>
            <div class="pop-hb">
                <p class="win-txt" id="prize_words"><span>长的美的人<br>都在分享这个活动</span></p>

                <div class="hb-box">
                    <div class="hd" id="pop_boy_img">
                        <h3 class="congra"><b>恭喜你</b>抽中<span class="js-hb-amount">&amp;nbps;&amp;nbps;</span>元紅包</h3>
                    </div>
                    <div class="bd">
                        <div class="hb-card">¥<b class="js-hb-amount">&amp;nbps;&amp;nbps;</b></div>
                        <p class="hb-txt">奖励即可到账</p>

                        <p class="pop-btn-wrap">
                            <a class="u-link" href="http://www.baidu.com"<span style="color: #fff100;">立即领取</span></a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--jpwin-->
<div class="pop-detail hide" id="prize_modal">
    <div class="pop-cnt-wrap">
        <div class="pop-cnt pop-light">
            <!--            <a class="cls js-close-icon" href="javascript:;">关闭按钮</a>-->
            <ul class="tape prz-tape">
                <li class="li-1"></li>
                <li class="li-2"></li>
                <li class="li-3"></li>
                <li class="li-4"></li>
                <li class="li-5"></li>
                <li class="li-6"></li>
                <li class="li-7"></li>
            </ul>
            <div class="pop-prz">
                <h3 class="congra js-prize-title"><b>恭喜你</b>抽中 <span id="jiangping"></span></h3>

                <div class="prz-img" id="prz_img_wrap">
                    <img class="hide" width="125"
                         src="images/p_6s.png" alt="iphone 6s">
                    <img class="hide" width="84"
                         src="images/p_phone.png" alt="三星手机">
                    <img class="hide" width="115"
                         src="images/p_watch.png" alt="iwatch">
                    <img class="hide" width="125"
                         src="images/p_ipad.png" alt="iwatch">
                    <img class="hide" width="235"
                         src="images/p_plane.png" alt="大疆无人飞机">
                </div>
                <div class="btn-wrap">
                    <a class="btn-m js-close-icon js-lottery-more" href="javascript:;" id="use_pri_now"
                       onclick="share();dj();">立即领取</a>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {

        $('#box-item1').show();
        setTimeout("$('#box-item2').show();$('#box-item1').hide();", 4000);
        setTimeout("$('#box-item3').show();$('#box-item2').hide();", 8000);
        setTimeout("$('#box-item4').show();$('#box-item3').hide();", 12000);
        setTimeout("$('#box-item5').show();$('#box-item4').hide();", 16000);
        setTimeout("$('#box-item6').show();$('#box-item5').hide();", 20000);
        setTimeout("$('#box-item7').show();$('#box-item6').hide();", 24000);
        setTimeout("$('#box-item8').show();$('#box-item7').hide();", 28000);
        setTimeout("$('#box-item9').show();$('#box-item8').hide();", 32000);
        setTimeout("$('#box-item10').show();$('#box-item9').hide();", 36000);
        setTimeout("$('#box-item11').show();$('#box-item10').hide();", 40000);


    })
</script>

<script>
    var jiangping_suiji=new Array('&nbsp;&nbsp;抽中了iPhone 6s 已发货!','&nbsp;&nbsp;抽中了10 元紅包已到帐!','&nbsp;&nbsp;抽中了三星NOTE 5 已发货!','&nbsp;&nbsp;抽中了200 元紅包已到帐!','&nbsp;&nbsp;抽中了Apple Watch 已发货!','&nbsp;&nbsp;抽中了100 元紅包已到帐!','&nbsp;&nbsp;抽中了50 元紅包已到帐!','&nbsp;&nbsp;抽中了iPad Air2 已发货!','&nbsp;&nbsp;抽中了8 元紅包已到帐!','&nbsp;&nbsp;抽中了大疆无人机 已发货!','&nbsp;&nbsp;抽中了3 元紅包已到帐!');
</script>

<div class="box-user">
    <div class="box-user-wrap" id="box-user-wrap">
        <div class="box-item fadeInUp fadeOutUp" id="box-item1" style="display: none"><span class="avatar"><img
                    src="http://q4.qlogo.cn/g?b=qq&amp;k=9ic4OM32kicLZNQwoynYqD8Q&amp;s=100&amp;t=1379950533"></span>

            <p>
                <span class="nickname">灵儿丿想你了</span>
                <script>document.write(jiangping_suiji[GetRandomNum(0,jiangping_suiji.length-1)]);</script>
            </p>
        </div>

        <div class="box-item fadeInUp fadeOutUp" id="box-item2" style="display:none;"><span class="avatar"><img
                    src="http://q4.qlogo.cn/g?b=qq&amp;k=LuRdEuFCzw9JTAjAvRztcA&amp;s=100&amp;t=1437181105"></span>

            <p><span class="nickname">大色魔退斗。</span><script>document.write(jiangping_suiji[GetRandomNum(0,jiangping_suiji.length-1)]);</script></p></div>

        <div class="box-item fadeInUp" id="box-item3" style="display:none;"><span class="avatar"><img
                    src="http://q4.qlogo.cn/g?b=qq&amp;k=TVp6NbVHibUJAS05enN5XcQ&amp;s=100&amp;t=1374205366"></span>

            <p><span class="nickname">芒果橘蕉℡</span><script>document.write(jiangping_suiji[GetRandomNum(0,jiangping_suiji.length-1)]);</script></p></div>

        <div class="box-item fadeInUp" id="box-item4" style="display:none;"><span class="avatar"><img
                    src="http://wx.qlogo.cn/mmopen/B2EfAOZfS1hovq5geuSEywKpQicFF39cKgXibE1O9oyACAKJm5YD0oqbBB8YfdTeaUlqOqDibicdBELg94BSIGveEib26utficia2ibc/0"></span>

            <p><span class="nickname">澜心花卉℡☆しú◇逸★</span><script>document.write(jiangping_suiji[GetRandomNum(0,jiangping_suiji.length-1)]);</script></p></div>

        <div class="box-item fadeInUp" id="box-item5" style="display:none;"><span class="avatar"><img
                    src="http://wx.qlogo.cn/mmopen/mONcle9pic3zZoeyGMyQRkOdrLQyk2iblcujctva31R2xhfvcS4nf7yyVyicXulRKUNhSp8LDBt4BGRGqqPWNoMZQ/0"></span>

            <p><span class="nickname">江山如画。</span><script>document.write(jiangping_suiji[GetRandomNum(0,jiangping_suiji.length-1)]);</script></p></div>

        <div class="box-item fadeInUp" id="box-item6" style="display:none;"><span class="avatar"><img
                    src="http://q1.qlogo.cn/g?b=qq&amp;k=HaYZmiblOJ3icukSU9VT6Lrw&amp;s=100&amp;t=1436352228"></span>

            <p><span class="nickname">沁心</span><script>document.write(jiangping_suiji[GetRandomNum(0,jiangping_suiji.length-1)]);</script></p></div>

        <div class="box-item fadeInUp" id="box-item7" style="display:none;"><span class="avatar"><img
                    src="http://q2.qlogo.cn/g?b=qq&amp;k=0J8pWOCd9W7YicWFUKdjThQ&amp;s=100&amp;t=726"></span>

            <p><span class="nickname">魔域,鸿蒙</span><script>document.write(jiangping_suiji[GetRandomNum(0,jiangping_suiji.length-1)]);</script></p></div>

        <div class="box-item fadeInUp" id="box-item8" style="display:none;"><span class="avatar"><img
                    src="http://q3.qlogo.cn/g?b=qq&amp;k=XM6OaVrc4CTsEkxhgia9tQA&amp;s=100&amp;t=1410857402"></span>

            <p><span class="nickname">                 CoCo ,!</span><script>document.write(jiangping_suiji[GetRandomNum(0,jiangping_suiji.length-1)]);</script></p></div>

        <div class="box-item fadeInUp" id="box-item9" style="display:none;"><span class="avatar"><img
                    src="http://wx.qlogo.cn/mmopen/pdJbJ75DwmxVEEW4QfwgOdX55jJWHYrCTkfxt9s3kxq2SENmH9tmOWv2H1CYY3Zhznibkr63tHrS8J64pmhSsVRIdichOJkUR8/0"></span>

            <p><span class="nickname">小唐</span><script>document.write(jiangping_suiji[GetRandomNum(0,jiangping_suiji.length-1)]);</script></p></div>

        <div class="box-item fadeInUp" id="box-item10" style="display:none;"><span class="avatar"><img
                    src="http://wx.qlogo.cn/mmopen/icU3k6hwkeSlmALaW61rLSUQtkRGEou2HlcVaooMF71OcfuwUyicOjtdET8fTSaKF11uzZJoK8WtZalNSOiaYPS7vObV39m9f3a/0"></span>

            <p><span class="nickname">有哪么一个人</span><script>document.write(jiangping_suiji[GetRandomNum(0,jiangping_suiji.length-1)]);</script></p></div>

        <div class="box-item fadeInUp" id="box-item11" style="display:none;"><span class="avatar"><img
                    src="http://q2.qlogo.cn/g?b=qq&amp;k=fWia3HH6RRPUGCzgic7UAvCg&amp;s=100&amp;t=594"></span>

            <p><span class="nickname">欲望の海</span><script>document.write(jiangping_suiji[GetRandomNum(0,jiangping_suiji.length-1)]);</script></p></div>
    </div>
</div>

<script language=Javascript src="js/zz.js" type=text/javascript></script>

<div style="display: none">
统计代码位置
</div>

</body>
</html>

标签: QQ 抽奖 微信 c 源码

实例下载地址

红包推广源码

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享

网友评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明

;
报警