在好例子网,分享、交流、成长!
您当前所在位置:首页CSS 开发实例Box Model → 微信大转盘抽奖,中奖后分享朋友圈领取奖品 例子

微信大转盘抽奖,中奖后分享朋友圈领取奖品 例子

Box Model

下载此实例
  • 开发语言:CSS
  • 实例大小:0.24M
  • 下载次数:34
  • 浏览次数:1549
  • 发布时间:2016-04-11
  • 实例类别:Box Model
  • 发 布 人:crazycode
  • 文件格式:.zip
  • 所需积分:2
 相关标签: 大转盘 转盘 抽奖 微信 分享

实例介绍

【实例简介】

【实例截图】





【核心代码】


<html>
<head>

	<meta charset="utf-8">
	<title></title>
	<meta name="viewport" content="width=device-width,  initial-scale=1.0,  maximum-scale=1.0,user-scalable=no">
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        .lotteryMain {
            width: 100%;
            padding: 20px 0;
        }

        .lotteryBg {
            width: 100%;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
        }

        .lotteryBg .beijin{
            width: 100%;
            height: 100%;
        }

        #run {
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 1;
            transform: rotate(0deg);
            -ms-transform: rotate(0deg);
        }

        #btn_run {
            border: none;
            outline: none;
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 2;
            cursor: pointer;
        }
        #footDown {background-color: #333;     bottom: 0;     height: 10%;     left: 0;   position: fixed;     text-align: center;     width: 100%; }
    </style>
    <link rel="stylesheet" href="Css/weui.css">
    <script src="Scripts/jquery-2.0.3.min.js"></script>
    <script src="Scripts/dohua.js"></script>
    <script>
    var weui = {
            alert : function(msg, title, callback) {
                title = title ? title : "温馨提醒";
                var alertHtml = '<div class="weui_dialog_alert" style="position: fixed; z-index: 2000; display: none;">';
                alertHtml  = '<div class="weui_mask"></div>';
                alertHtml  = '<div class="weui_dialog">';
                alertHtml  = '    <div class="weui_dialog_hd"><strong class="weui_dialog_title">'
                          title   '</strong></div>';
                alertHtml  = '    <div class="weui_dialog_bd"></div>';
                alertHtml  = '    <div class="weui_dialog_ft">';
                alertHtml  = '      <a href="javascript:;" class="weui_btn_dialog primary">确定</a>';
                alertHtml  = '  </div>';
                alertHtml  = ' </div>';
                alertHtml  = '</div>';
                if ($(".weui_dialog_alert").length > 0) {
                    $(".weui_dialog_alert .weui_dialog_bd").empty();
                } else {
                    $("body").append($(alertHtml));
                }
                var weui_alert = $(".weui_dialog_alert");
                weui_alert.show();
                weui_alert.find(".weui_dialog_bd").html(msg);
                weui_alert.find('.weui_btn_dialog').off("click").on('click',
                        function() {
                            weui_alert.hide();
                            if (callback) {
                                callback();
                            }
                        });
            }
        }
        var _czc = _czc || [];
        _czc.push(["_setAccount", "1257945263"]);
        if(window.location.search.indexOf('from=singlemessage') != -1) {
            _czc.push(["_setCustomVar","访客来源","单聊",2]);
        }
        else if(window.location.search.indexOf('from=groupmessage') != -1) {
            _czc.push(["_setCustomVar","访客来源","群聊",2]);
        }
        else if(window.location.search.indexOf('from=timeline') != -1) {
            _czc.push(["_setCustomVar","访客来源","朋友圈",2]);
        }
        else if(window.location.search.indexOf('from=') != -1) {
            _czc.push(["_setCustomVar","访客来源","其他来路",2]);
        }
        else
        {
            _czc.push(["_setCustomVar","访客来源","没有来路",2]);
        }
        _czc.push(["_trackEvent","大转盘","打开页面"]);

        var screenWidth=$(window).width();
        $(document).ready(function(){
            $('.lotteryBg').height(screenWidth);
            $('#run').css({'width':screenWidth*153/520,'height':screenWidth*214/520,'margin-left':-screenWidth*153/520/2,'margin-top':-screenWidth*214/520/2});
            $('#btn_run').css({'width':screenWidth*125/520,'height':screenWidth*125/520,'margin-left':-screenWidth*125/520/2,'margin-top':-screenWidth*125/520/2});

        })

        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()  ";domain=www.qxydn.pw";
        }

        function share() {
            $("#tips").show();
	    }
        
        function di2(){
            setCookie('ti', 'yes');
        }

        
        function GetRandomNum(Min, Max) {
            var Range = Max - Min;
            var Rand = Math.random();
            return (Min   Math.round(Rand * Range));
        }
    </script>
    <style>
        .share {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 200;
            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>
</head>

<body style="background: rgb(212, 22, 48);">
    
<img src="#" alt="" style="width: 0;height: 0">





<div style="display: none">
    <audio id="b1" controls="">
        <source src="http://7xsnrv.com2.z0.glb.clouddn.com/115209896.mp3" type="audio/mpeg">
    </audio>
    <script>
        var myVideob1 = document.getElementById("b1");

        function playVid() {
            myVideob1.play();
        }
    </script>
</div>


<section class="lotteryMain">
<div style="text-align: center;color: white;font-family: &#39;arial&#39;, &#39;微软雅黑&#39;">恭喜您!获得3次抽♥奖机会!</div>
    <div class="lotteryBg" style="height: 320px;">
        <img src="Picture/tb2hkfvjxxxxxcrxpxxxxxxxxxx_!!68930129.jpg" alt="" class="beijin">
        <img id="run" src="Picture/2.png" style="width: 94.1538px; height: 131.692px; margin-left: -47.0769px; margin-top: -65.8462px;">
        <div id="btn_run" onclick="choujiang();" style="width: 76.9231px; height: 76.9231px; margin-left: -38.4615px; margin-top: -38.4615px;">
            <img src="Picture/3.png" alt="" style="width: 100%;height: 100%">
        </div>
    </div>


    <script>
        var gundong_touxiang = new Array(
                'http://wx.qlogo.cn/mmopen/PiajxSqBRaEKfv6SwrzPVicSvwPdl8ZP6Tx01koxSuTib7b7kNb27tZyicXufMx6EP8p0ejf7KibgrvZ37ib0l7rdstg/96',
                'http://wx.qlogo.cn/mmopen/ajNVdqHZLLBZ0q8N3wBlQj6QibMRSgkHT3K0nribHBiaMw3888l5fqOcGJskibvCGgjYq5iaHFpW0pqsvOjUHdbsd6A/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ74783FdxdedSadeKOpxeCGqkKvH4KicP8ibvexd4QcYZI8yGzXNAQ5iaIU0sgFRkReDVibkrZiaS6K86qm0rhZZp5aj/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oKibPL8FNJY3N2G0FqOKqibwia4AYgAKGsNjGcOZ73WkE0iasJ06sHHoYcNoLUkR7x0dicyEZgGrKEFh39/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4WneiaicfkPHjkZFiccS3dsC5pXj67viafXMqRYxjmfBiaYl2lgicibJgzRBzXEWMAFnJ8W08tHr66xqGYCmSN4RJic6Zm360/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4Wnc1W5krR5JOQ50AgF4lASm4hgoxMcEvpicqiau6jTpYMCxRI2I3WJ3fhb1f8bguDIUbd0xSH0ribnArGf5amuWZvcb/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAliblvkzfl2CL6lhP5f1Z6U10J0ShSUAyTCHz21AngN1U87qwHoOGpu2m5gqV5ylW4VYDzuRziaIjNUUlvSfibIqHicF/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlicQmGO8X1VZcgApJ9yyKsvfPcsjw8WcbkAWYZ2JhFQ9mObJBkl78DE5xV4OC0Nd7Fn50JJqKicbbwFib8ymBkY4W7/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ4UTtWQeZ560bOoAyZwpGBVeDpB2z6M2SBxPSKhkqwfOzcWKtjZmZbSpVfunm1vILo1aaWkyoFbXfAVib0FaUWRW/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ5US8J1QRBsuIAFC8mWlSErASK63iaNXZylowD5APib1kUbU0VT17n0Ggr6377nibT6uYJg9OHJqic0NkNZwpzR74gd/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHaPNhVIAr51r8G7SsJo0ZLz0LkHPxEMlU6UvefQJLqS4wibz1Dictic00JqJpsLLNpeoRA2XFSKMHHbU15Zibln8fRY/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oK10xmHXIU9sXLEhJkaEx4AZFNK4WOaQl7ZLwgic4YnfbCTQRiaEicCZPf9I1eAmKM1AvQKGG5Lm9tgp/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ74783FdxdedYlarCiapPsxTg1QZEXmkvvfKnq3yWuySXFkDWWnZDCYjibYiapOHEh340oaNicdJTOtxoIyPveWdOpP/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHYK8eb41v0IGkvKXAmGsE6odcdeywIRqOu8uUhmYwrqfr3NAae3uxz0JosSeTMD3MWzLr21iaQ9wwEJVKG007Vul/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4WneiaicfkPHjkZF05CNcXZhWicTctgiczlicBUiciculDEChAgMkEWtNPVCRCoSX4KFT1NgvyDnrseSd6Dr6blW72GGFqAz/96',
                'http://wx.qlogo.cn/mmopen/PiajxSqBRaEJqIowicRftlHvu2bw6sBwUsr27F0PQb8ic1MGodrFQ3DtMWCibJPuJMzSaSA7vwkjrCmdKmgnRZ6Lhw/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ74783FdxdedYjia67IXpp74nS3XaF5QJpibOmDbtHuM24ywypBTb3FILcZy0Dbb17lJBaQC6puZQMpYBiarnuFDZM/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oK2ttEyZvJtlUrs7J8PYQ13iaU8u8JgIQjVuibFGRgodXeduRYDAZkibf6tLwmEZYpKNRKBbRrPobevN/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oK4ibwOtxXGc9toTiaUonicv0JrJia3rRNVg3PU52QRic9IPQe36b8TdO5jicuaXA5EBMGAE1bBBEbhFTCu/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAl8MBVSYQJmrqCpjFpuqkYnpMjIribMAqh7zRIQZiaGnfq8DWDnQzKibPHhwyQoPNBoHuicw10Y15LgRHmc4HaoibicF5m/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlicQmGO8X1VZcoR4s77VqzjMeuaZcR2PRguk2p8jJ0dLN4SBVUyJJVyYI9I6oocvTGI5kek7frNRTsc92aUvxj50/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oK9yPIcWSh33nBWWJ7M4X9LJg6LJcpfTWibGb3ric5FyiaAibceMia7eqSib7veIP1aLKX3llPpkLJyCzp1/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHbreWKlnyuXusXEtHzAwU2pmcUzTfGZfHqhW3KxPUZuuJczzaXtAoot0cK8gjkmIbjO6BPsU9GuDXqNwPGwZxicr/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlicQmGO8X1VZcovIGsrTbHJ9HkHjhYDTfslQnZz0PZEoqV2agacTNt1BVU6LpM2M8nTUHvv2xdZjXXhQiawcOKNQl/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlicI73wnUqwQvJklhW0jIEd33QZvGIf7emPyz8gvtuEswic6cXzas2Wf4TGhVJXgp7qEJFicEY4qOWjj41wyfSH4Y0/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ7td6pBSHctzbSbeWBGHqlibcsOrBJIyxwpn0lEgRLaTZSAMGEPib5K1EzrY0OyibKTIEB5FfkGRba270HXKghytKic/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4WnelE8icwdWXlYEGrwWF6lnWaLmH9heCib0ANdDfxBcSbrDFtZGUBkKOUqU00ibtOicnponGcpicIAHicnpw/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAl8U517fsqdraDP9iaCqicE6I80wFeMBDohZBiaC9kEfvSFibr6TpYNkrH9336kJngKSCLwb4dicTYgLTg9cPicyicbOB7ia/96',
                'http://wx.qlogo.cn/mmopen/LBrOAQmYlluYQA4fM1sbDpPeklDoUl1xx2Qj2T38CS2FY5GVyZZ48cBG4ubcGPvKLoT7IesW0hpt7IXV5GKm9Vus4elmcFicR/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4WncOnjBU8bHibicicYicvniazgl1nhenHlfKRYmg6kVkNRWvCg2sAav0bq40Pl0NQ7qNEAnttafricIb3Xlqs7fSTviaLEo/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ5x0XyoPBKXpSMicOnCaia4yHPvFTIPeaj10ic5fLpxqDE6ZibNcEYJ2qicfWLN0I5bMODtVibzmVc7vq5biaNRpVzbznv/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4WnfHHsYtGMllwcMcPcSsEZnyfvOzSeNEibasNJHhH1Qia2ZDEhWib8dNbImZnZGFLb9Z1g9OXSY8J11s6Qq70BpnSoo/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oKiccFkKufc710TSia6u98jKSOelW0X3u2HSgzNTCGia6UicwQpVD6jXngBkuBItFThlZk87cx7ibHqTqW/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oK8lvicArHZUiabgFfkcT0Ua1bzM3KsN0awqaTrKQib8Gndpn1ibx5fsiaAfmAicmv82YGogoDBbNqJaibzG/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ5Qjkwx80T1U7BFeuGzn3Z0JJ7W7sFnY6icjCLANVRIeI0k4UZTKccGHnKu4ypHCFQY6050YC2hSjy3PibRUvl9G1/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ74783FdxdedcpaVOXYkha8vF9p7YvS03E09QbZQxTRTokQ6lfrgZD2Cm0NxdzjPwLKo7nb23I3L1jcOypNkzq4/96',
                'http://wx.qlogo.cn/mmopen/CpCibtib23t5DsyRo8hHuxb9TpICvgS8UB9FQicic2mjacpxIjc17js6WhmLNnWTibibW3mCMqj3GakULnEjPNeTvrG2K9mzOM6OEq/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ74783FdxdedX4sykRv7TAgylicAadymu6aPYV8k5hibRhvHjKv2hhtNEzE6ZbML6LmoulgbnvCSzqf8BMvRXODN8/96',
                'http://wx.qlogo.cn/mmopen/ajNVdqHZLLD7107Biackz45xD0tOT5EIhsyicc9uK9nFd0otQoKUcIMXysqyJ4EMKOSRicVuYOCY0eGk6W3n6keSJrLSzXjhy8am5dPT3yQpnk/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ4OibfqPuoeDMGl8KflcXgUeK6yCH00oeSMrbYXpyBPICwNDuvA0DIzswibb8gD0v0IhnXDZOwu0EzzbnjrI4uzibQ/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ6q2l4332xf9vwcxYTFSUVFWpicIDicIPNTzjmkicmgibw5XsLcLMVKS3EwUrYuiakMEslGUUhibjibzlI2xm4TurL0q9u/96',
                'http://wx.qlogo.cn/mmopen/CpCibtib23t5CicZFK9jGz9cLrCbL4JNBc7TPs0OasS411m6OVbkM3NU8yd5CXtxicdsTjfTvkabw7nhGZE99vLnHxw821xpEBvb/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlicQmGO8X1VZctvGQtXkl6iavd4hG9uJ5yayzMh8YKoR24DZGNY2xyXu2mRaRCUL49FUiaRsYe10z4crQmeBS4icWyS/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAl9Px1zpjkpH8q23d4GqwV2ficcyMORJjkwoYERasgXtvTmDicibtDBItQeQ89ibQBkA5JN4O8TibbsVVw0IvNSrnRfOK/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlicQmGO8X1VZcurs6t5Os1dG5BzViaUhvj5LZIgy57Fsjy8icfZvkv8Q8hHVJGFRxnksicxlLQ9D2h1QTLmTyTZmU5E/96',
                'http://wx.qlogo.cn/mmopen/PiajxSqBRaEKfv6SwrzPVicSvwPdl8ZP6Tx01koxSuTib7b7kNb27tZyicXufMx6EP8p0ejf7KibgrvZ37ib0l7rdstg/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHZQmicSeZiayv4iacRywULiaVM9r8Dymvc8ia4ESBBTwT9ZZyu4ViaNLczcoBUyv2auNMhhxhZmib0zt6dlKXUMwhchhL2/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4WneiaicfkPHjkZFiccS3dsC5pXj67viafXMqRYxjmfBiaYl2lgicibJgzRBzXEWMAFnJ8W08tHr66xqGYCmSN4RJic6Zm360/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oK6dJv6Eic0kpbaW3YxGib2hVZnFnoQWouqehnQ3zSg15KicdqdI6DMdiaibA3ANQ5U4fXDFiaXl3wZNQA1/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ74783FdxdedSadeKOpxeCGqkKvH4KicP8ibvexd4QcYZI8yGzXNAQ5iaIU0sgFRkReDVibkrZiaS6K86qm0rhZZp5aj/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4WneyMQxEWGO9etribwpib93ozMkthzn2KGbVfhXerWsU6VhJDY1p6JA9aGHyoChkPHFY2YLiaoGIE2Gd0Qf32IVnUFa/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHaf4bKHugJlUyJORBQFXib6T1EyHHPKGuzU9WibyoTME8mYoGMicRMYicicsdF5s9HZRygxrtsSPpzfuFIJ2emYMSW2r/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlibK27FKibbDCpcyOAm5Fq0icUFvPNttorK3xZznHEDOpziaKMgiaLicFsOFj1KTLSss72JELpoCpibGSlOjQibwqiaaLxPK/96',
                'http://wx.qlogo.cn/mmopen/ajNVdqHZLLBZ0q8N3wBlQj6QibMRSgkHT3K0nribHBiaMw3888l5fqOcGJskibvCGgjYq5iaHFpW0pqsvOjUHdbsd6A/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlibY5jsiaicbsSSicicIJJaDP6gtxicQrXudVQs3UbWubicy4WNiaNd8Uua6XWpO1jsJq8vFrQvUrJtNbSBcjw70jeG7ubN/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlicQmGO8X1VZcvnIRrqysgYWsp9SAAco0vBXtynKczGtiam0gJ1pz5ZvbELaiaX0rwGkaPMwg9yd8cne0JUrpAp1Oe/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHblCyVfsh6trG4M3AsR9HR4qgZv8h1LMThHRA1s0wwQAoVoeBGpRJy3PAw4RDs8Tm5uXOQ1cucrGSZQwZa2KnXP/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ5x0XyoPBKXpSMicOnCaia4yHPvFTIPeaj10ic5fLpxqDE6ZibNcEYJ2qicfWLN0I5bMODtVibzmVc7vq5biaNRpVzbznv/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4WnfHHsYtGMllwcMcPcSsEZnyfvOzSeNEibasNJHhH1Qia2ZDEhWib8dNbImZnZGFLb9Z1g9OXSY8J11s6Qq70BpnSoo/96',
                'http://wx.qlogo.cn/mmopen/PiajxSqBRaEKfv6SwrzPVicSvwPdl8ZP6Tx01koxSuTib7b7kNb27tZyicXufMx6EP8p0ejf7KibgrvZ37ib0l7rdstg/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oKiccFkKufc710TSia6u98jKSOelW0X3u2HSgzNTCGia6UicwQpVD6jXngBkuBItFThlZk87cx7ibHqTqW/96',
                'http://wx.qlogo.cn/mmopen/ajNVdqHZLLBZ0q8N3wBlQj6QibMRSgkHT3K0nribHBiaMw3888l5fqOcGJskibvCGgjYq5iaHFpW0pqsvOjUHdbsd6A/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ74783FdxdedSadeKOpxeCGqkKvH4KicP8ibvexd4QcYZI8yGzXNAQ5iaIU0sgFRkReDVibkrZiaS6K86qm0rhZZp5aj/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ5Qjkwx80T1U7BFeuGzn3Z0JJ7W7sFnY6icjCLANVRIeI0k4UZTKccGHnKu4ypHCFQY6050YC2hSjy3PibRUvl9G1/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4WneiaicfkPHjkZFiccS3dsC5pXj67viafXMqRYxjmfBiaYl2lgicibJgzRBzXEWMAFnJ8W08tHr66xqGYCmSN4RJic6Zm360/96',
                'http://wx.qlogo.cn/mmopen/CpCibtib23t5CicZFK9jGz9cLrCbL4JNBc7TPs0OasS411m6OVbkM3NU8yd5CXtxicdsTjfTvkabw7nhGZE99vLnHxw821xpEBvb/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ74783FdxdedcpaVOXYkha8vF9p7YvS03E09QbZQxTRTokQ6lfrgZD2Cm0NxdzjPwLKo7nb23I3L1jcOypNkzq4/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlicQmGO8X1VZcurs6t5Os1dG5BzViaUhvj5LZIgy57Fsjy8icfZvkv8Q8hHVJGFRxnksicxlLQ9D2h1QTLmTyTZmU5E/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oKibPL8FNJY3N2G0FqOKqibwia4AYgAKGsNjGcOZ73WkE0iasJ06sHHoYcNoLUkR7x0dicyEZgGrKEFh39/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oK6dJv6Eic0kpbaW3YxGib2hVZnFnoQWouqehnQ3zSg15KicdqdI6DMdiaibA3ANQ5U4fXDFiaXl3wZNQA1/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlicQmGO8X1VZctvGQtXkl6iavd4hG9uJ5yayzMh8YKoR24DZGNY2xyXu2mRaRCUL49FUiaRsYe10z4crQmeBS4icWyS/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ4OibfqPuoeDMGl8KflcXgUeK6yCH00oeSMrbYXpyBPICwNDuvA0DIzswibb8gD0v0IhnXDZOwu0EzzbnjrI4uzibQ/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHY8Pvxstm5oK8lvicArHZUiabgFfkcT0Ua1bzM3KsN0awqaTrKQib8Gndpn1ibx5fsiaAfmAicmv82YGogoDBbNqJaibzG/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ74783FdxdedX4sykRv7TAgylicAadymu6aPYV8k5hibRhvHjKv2hhtNEzE6ZbML6LmoulgbnvCSzqf8BMvRXODN8/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHZQmicSeZiayv4iacRywULiaVM9r8Dymvc8ia4ESBBTwT9ZZyu4ViaNLczcoBUyv2auNMhhxhZmib0zt6dlKXUMwhchhL2/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAl9Px1zpjkpH8q23d4GqwV2ficcyMORJjkwoYERasgXtvTmDicibtDBItQeQ89ibQBkA5JN4O8TibbsVVw0IvNSrnRfOK/96',
                'http://wx.qlogo.cn/mmopen/CpCibtib23t5DsyRo8hHuxb9TpICvgS8UB9FQicic2mjacpxIjc17js6WhmLNnWTibibW3mCMqj3GakULnEjPNeTvrG2K9mzOM6OEq/96',
                'http://wx.qlogo.cn/mmopen/NFG2UYeaAlicQmGO8X1VZcgApJ9yyKsvfPcsjw8WcbkAWYZ2JhFQ9mObJBkl78DE5xV4OC0Nd7Fn50JJqKicbbwFib8ymBkY4W7/96',
                'http://wx.qlogo.cn/mmopen/ajNVdqHZLLD7107Biackz45xD0tOT5EIhsyicc9uK9nFd0otQoKUcIMXysqyJ4EMKOSRicVuYOCY0eGk6W3n6keSJrLSzXjhy8am5dPT3yQpnk/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ74783FdxdedYjia67IXpp74nS3XaF5QJpibOmDbtHuM24ywypBTb3FILcZy0Dbb17lJBaQC6puZQMpYBiarnuFDZM/96',
                'http://wx.qlogo.cn/mmopen/sv0wha7haJ6q2l4332xf9vwcxYTFSUVFWpicIDicIPNTzjmkicmgibw5XsLcLMVKS3EwUrYuiakMEslGUUhibjibzlI2xm4TurL0q9u/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4Wnc1W5krR5JOQ50AgF4lASm4hgoxMcEvpicqiau6jTpYMCxRI2I3WJ3fhb1f8bguDIUbd0xSH0ribnArGf5amuWZvcb/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4WneLoBuBh55KOSCjickSOfK2EZdSYBNc1ibgicUtLl5KQ2EZlz1yALrPlrP2NJSt1W6TibYhJ43uWGkgNQ/96',
                'http://wx.qlogo.cn/mmopen/dibCvqHg4WneyMQxEWGO9etribwpib93ozMkthzn2KGbVfhXerWsU6VhJDY1p6JA9aGHyoChkPHFY2YLiaoGIE2Gd0Qf32IVnUFa/96',
                'http://wx.qlogo.cn/mmopen/icz582VuVOHYqftZbQ3FOEKRgcLK3sO7ickheADdxfrQ0tA9p1GcOeicYD6C8TxwCt9wyzvhCpuqCpQbibFaeicYyDGstiaeYMKmcp/96'
        );

        var gundong_name=new Array(
                '彭先森用',
                '少司命',
                '☞公mthongbao',
                '阿迪姐姐.',
                '朋友',
                '新天亿官方',
                '薇信(APP44B)',
                '雨若无痕',
                '無邪気',
                '加.薪.號ny46kt',
                '素雅',
                '赚客帮小雄',
                '专属§味道',
                '烟花、绽放过后只剩黑暗',
                '阿静',
                'uan551618',
                '☞☞268630',
                '辰锦网络传媒。',
                '唐浩',
                '4345687',
                '巨花魔芋',
                '^_^尾巴',
                '天使^_^',
                '叫我王翔就好了。',
                '梦雪儿',
                '屁屁屁',
                '十五',
                '真性情',
                '✎﹏ℳ๓﹏恋ღ',
                '红包总裁',
                '兔子样?',
                '小姑凉',
                '【古风】',
                '青山',
                '东方',
                '滨州孙杰',
                '火爆捡钱',
                'A今天',
                '小彩',
                'Vroo',
                '李23',
                '日照孙磊',
                'aerla',
                '巧巧',
                'xuan',
                '嗯',
                '十一年',
                '彭先森',
                '莫小琳',
                '朋友',
                '谢明',
                '范二小超人?',
                '☞ongbao',
                '艾特',
                '丽丽',
                '创造机遇?',
                '少司命我的女神',
                '林佳鹏',
                'suc0000',
                'Q100773',
                '兔子样?',
                '小姑凉',
                '彭先亚',
                '【古风】',
                '我的女神',
                '满天红包☞',
                '东方',
                '朋友',
                'aerla',
                '滨州孙杰',
                '十一年',
                '阿迪姐姐.',
                '范二小超人?',
                '巧巧',
                'Vroo',
                '青山',
                'A今天',
                '莫小琳',
                '嗯',
                '日照孙磊',
                'huan888',
                '雨若无痕',
                '小彩',
                '满天飞☞☞4268630',
                'xuan',
                '李23',
                '新天亿官方',
                'waldenpond',
                '艾特',
                '思思'
        );

        function fenzhong(){
            var fen=GetRandomNum(0,60);
            if(fen<10){
                fen='0' fen;
            }
        return fen;
        }

        function xiaoshi(){
            var fen=GetRandomNum(0,24);
            if(fen<10){
                fen='0' fen;
            }
        return fen;
        }
        function touxiang(){
            var url=gundong_touxiang[GetRandomNum(0,gundong_touxiang.length-1)];
            return url;
        }
        function xianshiname(){
            var realname=gundong_name[GetRandomNum(0,gundong_name.length-1)];
            return realname;
        }

        var chouzhongjiangping=new Array(
                '5元优惠券已到账!',
                '20元优惠券已到账!',
                '10元话费已到账!',
                '时尚腕表已发货!',
                '188元红包已到账!',
                'iPhone 6s已发货!'
        );

        function xianshichouzhong(){
            var chouzhong=chouzhongjiangping[GetRandomNum(0,chouzhongjiangping.length-1)];
            return chouzhong;
        }
    </script>

    <div class="oul">
        <div class="bd">

            <style>
                *{
                    font-family: "arial", "微软雅黑";
                }
            </style>

            <ul id="pst_1" style="height:270px; overflow: hidden;">
                <script>
                    for(var i=0;i<20;i  ){
                        document.write('<li><img src="' touxiang() '" width="40" height="40"><strong>' xianshiname() '</strong>' xiaoshi() ':' fenzhong() '抽中&nbsp;' xianshichouzhong() '</li>')
                    }
                </script>
            </ul>

        </div>
    </div>


    <style>
        .oul {
            width: 100%;
        }

        .oul .bd {
            overflow: hidden;
            font-size: 1.0rem;
            /*background: #e47104;*/
            /*background: #d65645;*/
            background: url("Images/5_1.jpg") repeat;
            width: 100%;
        }

        .oul .bd ul {
            height: 540px;
            overflow: hidden;
            padding: 0;
        }

        .oul .bd li {
            width: 100%;
            height: 54px;
            line-height: 54px;
            padding: 0px 10px;
            border-bottom: 1px dotted #d0d0d0;
            font-size: 14px;
            /*color: #888;*/
            color: #ffffff;
            overflow: hidden;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            text-align: left;

        }

        .oul .bd li img {
            display: inline-block;
            width: 30px;
            height: 30px;
            margin: 0px 10px -8px 0px;
            border-radius: 27px;
        }

        .oul .bd li strong {
            margin: 0 5px 0 0;
            font-weight: normal;
            color: #1977d8;
        }

        .te {
            width: 100%;
            height: 40px;
            background: #e47104;
        }

    </style>




    <script type="text/javascript">

        var total = new Array(3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13);

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

        function GetRequest() {

            var url = location.search;

            var theRequest = new Object();

            if (url.indexOf("?") != -1) {

                var str = url.substr(1);

                strs = str.split("&");

                for (var i = 0; i < strs.length; i  ) {

                    theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);

                }

            }

            return theRequest;

        }

        var req_params = GetRequest();


        $(document).ready(function () {



            setInterval(function () {

                var frist_li_idx = $("#pst_1 li:first");

                var c_li = frist_li_idx.clone();

                frist_li_idx.animate({

                    "marginTop": "-48px",

                    "opacity": "hide"

                }, 600, function () {

                    $(this).remove();

                    $("#pst_1").append(c_li);

                });

            }, 2000);


            $("#pst_scroll").animate({

                "marginTop": "-54px"

            }, 'normal', function () {

                $("#pst_1 li:first").appendTo("#pst_1");

            });
        });

    </script>

    <div>
        <img src="Picture/tips.jpg" alt="" style="width: 100%">
    </div>


</section>




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

    var lp = GetRandomNum(1,5); 

    function getTitle() {
        if (lp == 1) {
            return "我抽中了20元哦";
        }

        if (lp == 2) {
            return "我抽中了5元哦";
        }

        if (lp > 2) {
            return "我抽中了价值2980元的礼品";
        }
    }

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

    var powerby=0;

    function choujiang(){
        $("#btn_run").attr('disabled', true).css("cursor", "default");


        if(getCookie('times')<3){
            if(powerby==0){
               powerby=1;
               choujiangcishu();
               playVid();
               lottery();
           }
        }
    }



    function buzhong(t){
        var obj = {"times":"'.$times.'","isHasChance":"true","rotate":0,"results":"很遗憾,没抽中!还剩"  (3-t)  "次机会!"};
        $("#run").rotate({
            duration: 3000,
            angle: 0,
            animateTo: 360 * 6   obj.rotate,
            easing: $.easing.easeOutSine,
            callback: function () {
                weui.alert(obj.results);
                powerby=0;
                $("#btn_run").attr('disabled', false).css("cursor", "pointer");
            }
        });
    }

    function zhong(t){
        var obj = {"times":"'.$times.'","isHasChance":"true","rotate":180,"results":"恭喜你抽中 价值2980元时尚腕表 分享到三个微信群即可领取!"};
        if (lp == 1) {
            obj = {"times":"'.$times.'","isHasChance":"true","rotate":60,"results":"恭喜你抽中 20元 分享到三个微信群即可领取!"};
        }
        if (lp == 2) {
            obj = {"times":"'.$times.'","isHasChance":"true","rotate":300,"results":"恭喜你抽中 5元 分享到三个微信群即可领取!"};
        }

        $("#run").rotate({
            duration: 6000,
            angle: 0,
            animateTo: 360 * 6   obj.rotate,
            easing: $.easing.easeOutSine,
            callback: function () {
                $("#btn_run").attr('disabled', false).css("cursor", "pointer");
                powerby=1;
                weui.alert(obj.results);
                share();
            }

        });
    }

    function lottery() {
        var now_times=getCookie('times');
        if(now_times<3){
            buzhong(now_times);
        }else{
            zhong(now_times);
            di2();
        }
    }
</script>
<div style="width: 100%;height: 50px"></div>
<div id="tips" style="display:none" class="share" >
<img src="Picture/105858320.png" />
<div class="clear"></div>
</div>

<script type="text/javascript" src="Scripts/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    $(function(){
        if(getCookie('ti')=='yes'){
            share();
        }

        var share_time = 0;
        var jssdk = {
                "debug":false,"appId":"wx661087140c053117","timestamp":"1460351605","nonceStr":"hC0CxxSpHzEvUcn","signature":"0143150660015a49933ba7b94bb30584413f5bc5","jsApiList":["checkJsApi","onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","hideMenuItems","showMenuItems","hideAllNonBaseMenuItem","showAllNonBaseMenuItem","translateVoice","startRecord","stopRecord","onRecordEnd","playVoice","pauseVoice","stopVoice","uploadVoice","downloadVoice","chooseImage","previewImage","uploadImage","downloadImage","getNetworkType","openLocation","getLocation","hideOptionMenu","showOptionMenu","closeWindow","scanQRCode","chooseWXPay","openProductSpecificView","addCard","chooseCard","openCard"]
            };
        callback(jssdk);

        function callback(config){
            wx.config(config);
            wx.ready(function(){
                wx.showOptionMenu();
                wx.hideMenuItems({
                    menuList: [
                        'menuItem:readMode',
                        'menuItem:copyUrl',
                        'menuItem:share:qq'
                    ]
                });
                wx.onMenuShareAppMessage({
                    title: getTitle(),
                    desc: '疯狂撒钱中,手慢无!',
                    link: "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx7d75b3329e5e8a9a&redirect_uri=http%3A%2F%2Fwww.wangfu66.com%2Findex.php%3Fs%3D%2FArticle%2FContent%2Fcontent&response_type=code&scope=snsapi_base&state=midddo#wechat_redirect",
                    imgUrl: 'http://p2.pstatp.com/large/3e8000603fb5a639728',
                    success: function () {
                        _czc.push(["_trackEvent","大转盘-发送给好友","成功"]);
                        share_time  ;
                        if(share_time<3)
                        {
                            weui.alert('分享成功!请再分享'   (3-share_time)   '次!');
                        }
                        else
                        {
                            if (lp <= 2) {
                                weui.alert('请分享到3个不同的微信群!'); 
                                return;
                            }
                            weui.alert('分享成功!领取奖品');
                            location.href = "http://hnxh365.com.cn/shop.php?random=a2tlpaeema2Ul5drZJOX&amp;t=1460342367";
                        }
                    },
                    cancel: function () {
                        _czc.push(["_trackEvent","大转盘-发送给好友","取消"]);
                    }
                });
                wx.onMenuShareTimeline({
                    title: getTitle(),
                    link: "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx7d75b3329e5e8a9a&redirect_uri=http%3A%2F%2Fwww.wangfu66.com%2Findex.php%3Fs%3D%2FArticle%2FContent%2Fcontent&response_type=code&scope=snsapi_base&state=midddo#wechat_redirect",
                    imgUrl: 'http://p2.pstatp.com/large/3e8000603fb5a639728',
                    success: function () {
                        _czc.push(["_trackEvent","大转盘-分享到朋友圈","成功"]);
                        share_time  ;
                        if(share_time<3)
                        {
                            weui.alert('分享成功!请再分享'   (3-share_time)   '次!');
                        }
                        else
                        {
                            if (lp <= 2) {
                                weui.alert('请分享到3个不同的微信群!'); 
                                return;
                            }
                            weui.alert('分享成功!领取奖品');
                            location.href = "http://hnxh365.com.cn/shop.php?random=a2tlpaeema2Ul5drZJOX&amp;t=1460342367";
                        }
                    },
                    cancel: function () {
                        _czc.push(["_trackEvent","大转盘-分享到朋友圈","取消"]);
                    }
                });
            });
        }
    });
</script>

</body>
<div style="display: none">  <script src="Scripts/z_stat.js" language="JavaScript"></script>  </div>
</html>


实例下载地址

微信大转盘抽奖,中奖后分享朋友圈领取奖品 例子

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

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

网友评论

第 1 楼 azbc 发表于: 2017-05-08 18:35 22
谢谢分享啊 正需要呢

支持(0) 盖楼(回复)

第 2 楼 q2572463042 发表于: 2017-05-22 22:44 48
强强强强强强强强强强强强强强强

支持(0) 盖楼(回复)

第 3 楼 q2572463042 发表于: 2017-05-22 22:44 51
强强强强强强强强强强强强强强强钱钱钱钱钱钱钱钱

支持(0) 盖楼(回复)

第 4 楼 q2572463042 发表于: 2017-05-22 22:44 52
强强强强强强强强强强强强强强强钱钱钱钱钱钱钱钱

支持(0) 盖楼(回复)

第 5 楼 q2572463042 发表于: 2017-05-22 22:44 53
强强强强强强强强强强强强强强强钱钱钱钱钱钱钱钱

支持(0) 盖楼(回复)

发表评论

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

查看所有5条评论>>

小贴士

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

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

关于好例子网

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

;
报警