wmc广告demo

<style>

        #page2,#page3{display:none;}
        .header{
            width:100%;
            height: 26px; 
                        margin-top:10px;
            text-align: center; 
            color: #000; 
            line-height: 26px; 
            font:16px "微软雅黑";
        }
                .fixed-header{
            position:fixed;
            background: #11d1f7; 
                        margin-top:0;            
            top:0;
            left:0;
            color:#fff;
        }
        #authBtn{
            height:36px;
            width:94%;
            margin:5px auto;
            background-color:#61c628;
            font:16px "微软雅黑";
            color:#fff;
                        line-height:36px;
                        text-align:center;
        }
        #secondBox{
            height:80px;
            width:94%;
            position:relative;
                        margin:2px auto;
        }
        #second-img-wrap{
                        position:absolute;
                        top:10px;
        }
                #second-img{          
                        border:1px solid #ccc;            
            max-width:60px;
                        width:100%;
                }
        #second-txt{
            position:absolute;
            top:10px;
                        left:70px;
            font:14px "微软雅黑";
        }
        
        .protocol-main { padding: 20px 10px; margin-top:30px;text-indent: 30px; line-height: 1.8; }
        .protocol dl { margin-top: 15px; }
        .protocol dl dt { margin-top: 20px; }
        .protocol dl dd { font-size: 12px; color: #333; line-height: 2; }
        .protocol-back { height: 40px; line-height: 40px; text-align: center; background: #e7e7e7; cursor: pointer; }

        a{color:#3ac5c3;}
        #third-top{height:80px;    background-color: #F9F9F9;}
        #third-img-wrap{width:20%;float:left;margin-top:10px;text-align:center;#F9F9F9;}
        #third-img{width:100%;max-width:40px;}
        #third-txt{width:77%;float:left;margin:10px 0 0 2%;font:16px "微软雅黑";}
        #countNum{color:red;font:18px bold;}
        </style>
        <div id="page1">
            <div class="header">22</div>
            <img src="1.jpg" width="100%"/>
            <div id="secondBox">
                <div id="second-img-wrap"><img src="http://112.124.31.88/ngProxy//images/f74214fcbc724f259a028da2ffc776ca/20150530/1432941477941.jpg" id="second-img"/></div>
                <div id="second-txt">
                   vvvv</br>
                    <input type="checkbox" checked="checked"/> 我同意<a onclick="showTxt()">《Wi-Fi使用协议》</a>
                </div>
            </div>
            <div  id="authBtn" onclick="authOnline()">一键上网</div>
        </div>        
        
        <div id="page2" >
            <div class="header fixed-header">免费Wi-Fi用户使用协议</div>
            <div class="protocol-main">                
                <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">本免费</span>Wi-Fi<span style="font-family: 宋体"> 84 
支持。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            &nbsp;
        </p>
        <p style="text-indent:28px;line-height:150%">
            <strong><span style="font-family:宋体">提示：为使用本</span></strong><strong>Wi-Fi</strong><strong><span style="font-family:宋体">服务，用户应当审慎阅读并遵守《免费

</span></strong><strong>Wi-Fi</strong><strong><span style="font-family:宋体">用户使用协议》，除非用户已阅读、充分理解并接受本协议所有条款，否则用户无权使用本

</span></strong><strong>Wi-Fi</strong><strong><span style="font-family:宋体">服务！用户使用本</span></strong><strong>Wi-Fi</strong><strong><span style="font-family:宋体">服务的

行为视为已阅读并同意接受本协议约束。</span></strong>
        </p>
        <p style="text-indent:28px;line-height:150%">
            &nbsp;
        </p>
        <p style="text-indent:28px;line-height:150%">
            <strong><span style="font-family:宋体">一、缔约主体</span></strong>
        </p>
        <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">本协议由技术服务商、有限公司（以下简称“有限公司”）及使用本</span>Wi-Fi<span style="font-family: 宋体

">服务的用户共同缔结。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            &nbsp;
        </p>
        <p style="text-indent:28px;line-height:150%">
            <strong><span style="font-family:宋体">二、账号及管理</span></strong>
        </p>
        <p style="text-indent:28px;line-height:150%">
            2.1<span style="font-family:宋体">用户使用手机号码作为账号注册并经短信认证确认后，即可使用本免费</span>Wi-Fi<span style="font-family: 宋体">服务。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            2.2<span style="font-family:宋体">用户申请的帐号，仅允许自己使用，该帐号不得转让或交由他人使用。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            2.3<span style="font-family:宋体">用户应妥善保管账号和密码，用户承诺对该帐号下的所有活动和事件负全部责任。如发生信息或密码泄漏等情况，用户应及时向技术服务商和公

司报告。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            &nbsp;
        </p>
        <p style="text-indent:28px;line-height:150%">
            <strong><span style="font-family:宋体">三、服务使用规范</span></strong>
        </p>
        <p style="text-indent:28px;line-height:150%">
            3.1<span style="font-family:宋体">用户充分了解并同意，技术服务商和有限公司仅为用户提供公共</span>Wi-Fi<span style="font-family: 宋体">热点接入服务，

用户应对利用本</span>Wi-Fi<span style="font-family:宋体">服务从事的所有行为及结果承担责任。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            3.2<span style="font-family:宋体">用户在申请和使用本网络服务时，应遵守国家的法律法规和互联网各项规章制度，遵守所有使用网络服务的网络协议、规定、程序和惯例，并承诺不

会利用本服务进行任何违法或不当的活动，包括但不限于下列行为：</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            3.2.1<span style="font-family:宋体">制作、复制、发布、传播含有下列内容的信息：</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">（一）反对宪法所确定的基本原则的；</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">（二）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">（三）损害国家荣誉和利益的；</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">（四）煽动民族仇恨、民族歧视，破坏民族团结的；</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">（五）破坏国家宗教政策，宣扬邪教和封建迷信的；</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">（六）散布谣言，扰乱社会秩序，破坏社会稳定的；</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">（七）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">（八）侮辱或者诽谤他人，侵害他人合法权益的；</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">（九）含有法律、行政法规、规章、政策及规范性文件禁止的其他内容的。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            3.2.2<span style="font-family:宋体">干扰、破坏或混乱本服务及相关服务器、设备和网络。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            3.3<span style="font-family:宋体">用户同意并接受，技术服务商和有限公司有权对用户使用本</span>Wi-Fi<span style="font-family: 宋体">服务的情况进行审查

、监督并采取相应的行动，包括但不限于中止或终止提供服务，向有关机关报告并提供用户进行违法活动的记录，技术服务商和有限公司无须因此向用户承担任何的责任。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            3.4<span style="font-family:宋体">用户了解并同意，技术服务商和有限公司有权对含有用户信息的数据库进行分析和利用，并向用户以各种方式投放各种商业性广告

或其他任何类型的推广信息。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            3.5<span style="font-family:宋体">鉴于网络及其环境的特殊性，用户使用本</span>Wi-Fi<span style="font-family: 宋体">服务时，对于服务的可使用性、准确性、可靠性及安全性

等，技术服务商和有限公司均不作出任何保证，因此而造成的任何损失由用户自行承担。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            &nbsp;
        </p>
        <p style="text-indent:28px;line-height:150%">
            <strong><span style="font-family:宋体">四、服务中止或终止</span></strong>
        </p>
        <p style="text-indent:28px;line-height:150%">
            4.1<span style="font-family:宋体">鉴于互联网服务的特殊性，技术服务商和有限公司有权随时调整、中止或终止本</span>Wi-Fi<span style="font-family: 宋体">

服务，且无须向用户发出通知。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            4.2<span style="font-family:宋体">技术服务商和有限公司保留判定用户是否违反本协议的权利，如技术服务商和有限公司确认用户违反本协议时，

无须向用户发出通知即有权立即对用户中止或终止服务，且无须承担任何责任。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            4.3<span style="font-family:宋体">用户同意，中止或终止服务后，技术服务商和有限公司有权收回用户的账号，且有权继续保留用户的信息及用户使用本</span>Wi-

Fi<span style="font-family: 宋体">服务期间的所有信息。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            4.4<span style="font-family:宋体">因用户使用本</span>Wi-Fi<span style="font-family:宋体">服务存在违法行为或违反本协议的行为，给有限公司或技术服务商造

成任何损失的，公司或技术服务商有权依据本协议向用户主张权利。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            &nbsp;
        </p>
        <p style="text-indent:28px;line-height:150%">
            <strong><span style="font-family:宋体">五、隐私政策</span></strong>
        </p>
        <p style="text-indent:28px;line-height:150%">
            <span style="font-family:宋体">技术服务商和有限公司保证不对外公开或向第三方提供用户个人信息及用户在使用服务时存储在本</span>Wi-Fi<span style="font-

family: 宋体">服务系统内的非公开个人信息，但下列情况除外：经用户授权，根据法律法规、政府部门或公安、检查部门的要求，或其他任何不可归责于技术服务商和有限公司的原

因而导致的用户信息的泄露。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            &nbsp;
        </p>
        <p style="text-indent:28px;line-height:150%">
            <strong><span style="font-family:宋体">六、其他</span></strong>
        </p>
        <p style="text-indent:28px;line-height:150%">
            6.1<span style="font-family:宋体">本协议适用于中华人民共和国法律。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            6.2<span style="font-family:宋体">如本协议的任一条款被视作无效，不影响其余条款的法律效力。</span>
        </p>
        <p style="text-indent:28px;line-height:150%">
            6.3<span style="font-family:宋体">技术服务商和有限公司有权根据需要修改本协议，修改后的协议经技术服务商和有限公司的网站公告后即生效。

</span>
        </p>
            <div class="protocol-back" onclick="hideTxt()">返回</div>
        </div>
    </div>
        <div id="page3">
            <div id="third-top">
                <div id="third-img-wrap"><img src="http://112.124.31.88/ngProxy//images/f74214fcbc724f259a028da2ffc776ca/20150530/1432941481655.png" id="third-img"/></div>
                <div id="third-txt">
                    认证成功，&nbsp;<span id="countNum">3</span>&nbsp;秒后自动跳转到导航页，                            
<a href="http://www.baidu.com">点此直接进入导航页</a>
                </div>
            </div>
            <img src="http://112.124.31.88/ngProxy//images/f74214fcbc724f259a028da2ffc776ca/20150530/1432955958177.jpg" width="100%"/>
        </div>
        

        <script>
            function showTxt(){
                $('#page1').hide();
                $('#page2').show();
            }
            function hideTxt(){
                $('#page1').show();
                $('#page2').hide();
            }
            function authOnline(){    
                      var result = authenticate(4);
                      if(result == 'succ'){
                     $('#page1').hide();
                             $('#page3').show();
                             countDown();
                      }else if(result == 'fail'){        
                      alert("认证失败了哦~~~");
                      }
                        }
                        function countDown(){
                          var num = document.getElementById('countNum').innerText;
                          if(num>0){
                             num--;
                             document.getElementById('countNum').innerText=num;
                             setTimeout(countDown,1000);
                          }else{
                             window.location.href="http://www.baidu.com";
                          }
                        }
$(function(){
if(isPC()){
    $("#page1,#page2,#page3").css({"width":"500px","margin":"0 auto"});
}
});

function isPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}
        </script>