1700802007廖鹏辉171

码云:https://gitee.com/liaopenghui/ruangong/commit/be098908d7c39507b5e0c47d8d47b62028157674

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="author" content="Web Layout:Yang.Fan,1522952510@qq.com">
        <title>网页界面————廖鹏辉</title>
        <meta name="keywords" content="">
        <meta name="description" content="">
        <link rel="Shortcut Icon" href="favicon.ico">
        <link rel="bookmark" href="favicon.ico">
        <link href="css/index.css" rel="stylesheet" type="text/css">
        <script src="//hm.baidu.com/hm.js?01228cc38f7fd5c06b65381f4770c10a"></script>
        <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
        <!-- <script type="text/javascript" src="http://item.kunlun.com/coc/islogin.js"></script> -->
        <script type="text/javascript">
    var userAgentinfo = navigator.userAgent;
    if((userAgentinfo.indexOf("Android") != -1)||(userAgentinfo.indexOf("iPhone") != -1)||(userAgentinfo.indexOf("iPad") != -1)||(userAgentinfo.indexOf("iPod") != -1)){
        window.location = 'wap/index.html';
    }
        </script>
        <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?01228cc38f7fd5c06b65381f4770c10a";
      var s = document.getElementsByTagName("script")[0]; 
     s.parentNode.insertBefore(hm, s);
    })();
    </script>
    <style type="text/css"></style>
    <link rel="stylesheet" type="text/css" href="https://coc.kunlun.com/js/footer.css">
    </head>
    <body>
        <div class="bgzhe" id="zbg" onclick="close1(3)" style="display:none"></div>
        <div class="info" id="h3" style="display:none">
    <div class="tan1">
        <a class="tc_btn" href="http://cr.kunlun.com/home" target="_blank">官网</a>
        <a href="javascript:void(0)" onclick="close1(3)" class="close2 pa" title="关闭"></a>
    </div>
    </div>
<style>
.qpzz{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; display:none}
</style>
<div class="qpzz" id="zhq" onclick="close2(1)" style="display: none;"></div>
<a id="ty1" class="xf_right_1 pa ti" href="javascript:void(0)" onclick="change2(1)" title="展开关注微博微信二维码">展开关注微博微信二维码</a>
<div class="xf_right_2 pa" id="td1" style="display: none;">
    <img class="xf_right_pic1 pa" src="images/wx155.jpg">
    <p class="xf_right_p1 pa">扫描二维码<br>关注部落冲突官方微信</p>
    <img class="xf_right_pic2 pa" src="images/wb155.jpg">
    <p class="xf_right_p2 pa">扫描二维码<br>关注部落冲突官方微博</p>
    <a class="close3 pa ti" href="javascript:void(0)" onclick="close2(1)" title="关闭">关闭</a>
</div>
<div id="home_n" style="display:none">
<div id="container_n" onmousemove="change6(0)">
    <a onmouseout="change7(0)" href="https://coc.kunlun.com/cn/CNY2018/" target="_blank" id="tn0" style=" display:none"><img src="images/index_new2.jpg"></a>
</div>
</div>
<div id="page" class="page with-hero">
<div id="tophome" style="display:none" onmousemove="change4(0)" onmouseout="change5(0)">
        <div id="topcontainer">
            <img src="images/top_01.jpg" class="top_pic pa">
            <a href="http://cr.kunlun.com" target="_blank" class="top_xf pa" id="xf1"><img src="images/top_2.jpg"></a>
        </div>
    </div>
        <div class="hero">
          <div class="field parallax-wrapper parallax-coc">
            <img src="images/top_1.jpg" class="item img1 skrollable skrollable-between" data-src="images/top_1.jpg" data-size="1" data-0p="transform: translate3d(0px,0px,0px);" data-100p="transform: translate3d(0px,0px,0px);" style="transform: translate3d(0px, 0px, 0px);">
<!--
            
            <img src="images/top_2.png" class="item img2 skrollable skrollable-between" data-src="images/top_2.png" data-size="2" data-0p="transform: translate3d(0px,0px,0px);" data-100p="transform: translate3d(0px,-70px,0px);" style="transform: translate3d(0px, 0px, 0px);">
            <img src="images/top_3.png" class="item img3 skrollable skrollable-between" data-src="images/top_3.png" data-size="3" data-0p="top[cos]:-20%; left[sin]:49%;" data-150p="top:90%; left: 120%;" style="top: 2%; left: 49%;">
-->
            
           <!-- <img src="images/top_5.png" class="item img4" data-src="images/top_5.png">-->
<!--
            <img src="images/top_4.png" class="item img5 skrollable skrollable-between" data-src="images/top_4.png" data-size="4"  data-0p="transform: translate3d(0px,-15%,0px);" data-100p="transform: translate3d(250px,-50px,0px);" style="transform: translate3d(0px, -15%, 0px);">
-->
            <!--img src="images/top_4.png" class="item img5 skrollable skrollable-between" data-src="images/top_4.png" data-size="4" data-0p="top[cos]:-30%; left[sin]:49%;" data-100p="top:90%; left: 80%;" style="top: 2%; left: 80%;"-->
<!--            
            <img src="images/top_6.png" class="item img6 skrollable skrollable-between" data-src="images/top_6.png" data-size="6" data-0p="transform: translate3d(0px,0px,0px);" data-100p="transform: translate3d(220px,-150px,0px);" style="transform: translate3d(0px, 0px, 0px);">
-->
          </div>  
        </div>    
    </div>
    <div id="home_1">
<div id="container_1">
<!--
    <a class="link1 pa ti" href="javascript:void(0)" onClick="change(2)" title="App Store 下载">App Store 下载</a>
    <a id="loginAfter" style="display:none" class="link2 pa ti" href="javascript:void(0)" onClick="change(1)" title="ANDROID 下载">ANDROID 下载</a>
    <a id="loginBefore" style="display:none" class="link2_1 pa" href="http://go.kunlun.com?ref=http://coc.kunlun.com" title="ANDROID 下载"><img src="images/huibtn.png" /></a>
    <a class="link3 pa ti" href="javascript:void(0)" onClick="change(0)" title="分享">分享</a>
-->
    <a class="link1 pa ti" href="javascript:void(0)" onclick="change(2)" title="App Store 下载">App Store 下载</a>
    <a class="link2 pa ti" href="javascript:void(0)" onclick="change(1)" title="ANDROID 下载">ANDROID 下载</a>
    <a class="link3 pa ti" href="javascript:void(0)" onclick="change(0)" title="分享">分享</a>
</div>
</div>
<div id="h2" class="home_2" style=" display:none">
<a class="close pa ti" href="javascript:void(0)" onclick="close1(2)" title="关闭">关闭</a>
<div id="container_2">
    <div class="bg_3 pa"></div>
    <ul class="pa" style=" margin-left:-210px;">
        <li><img src="images/app_wm.jpg"><br>扫描二维码下载</li>
        <li><a href="https://itunes.apple.com/cn/app/bu-luo-chong-tu-clash-of-clans/id529479190?mt=8" target="_blank" title="直接点击下载"><img src="images/app_wm2.jpg"><br>直接点击下载</a></li>
    </ul>
</div>
</div>
<div id="h1" class="home_2" style=" display:none">
<a class="close pa ti" href="javascript:void(0)" onclick="close1(1)" title="关闭">关闭</a>
<div id="container_2">
    <div class="bg_2 pa"></div>
    <ul class="pa" style=" margin-left:-210px;">
        <li><img src="images/ewm144.png"><br>扫描二维码下载</li>
        <li><a href="http://static.kunlun.com/bb/coc/Clash_of_Clans-11.185.19-kunlunLandingpage-release.apk" title="直接点击下载"><img src="images/android_wm2.jpg"><br>直接点击下载</a></li>
    </ul>
</div>
</div>
<div id="h0" class="home_2" style=" display:none">
<a class="close pa ti" href="javascript:void(0)" onclick="close1(0)" title="关闭">关闭</a>
<div id="container_2">
    <div class="bg_1 pa"></div>
    <div class="p_1 pa">#部落冲突,全面开战#</div>
    <div class="btn pa" style=" margin-left:-130px;"><!--如4个,margin-left:-300px;如3个,margin-left:-200px;如2个,margin-left:-120px-->
        <!--a class="link1 ti" href="#" target="_blank" title="微信">微信</a>
        <a class="link2 ti" href="#" target="_blank" title="QQ">QQ</a-->
        <a class="link3 ti" href="javascript:;" id="qq_weibo" title="腾讯微博">腾讯微博</a>
        <a class="link4 ti" href="javascript:;" id="sina_weibo" title="新浪微博">新浪微博</a>
    </div>
</div>
</div>
<div id="home_3">
<div id="container_3">
    <div class="bg_1 pa"></div>
    <div class="video pa">
<!--<video src="12ben1/12ben.mp4" controls="controls" width="780" height="480">您的浏览器不支持播放该视频!</video>-->
<iframe width="780" height="480" frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=q0763iwg5a3" allowfullscreen="true"></iframe>
<!--
                       <object type="application/x-shockwave-flash" data="https://player.youku.com/player.php/sid/XMjk0MzU4MTMwOA==/v.swf" width="100%" height="100%" id="youku-player">
                        <param name="allowFullScreen" value="true">
                        <param name="allowScriptAccess" value="always">
                        <param name="wmode" value="opaque">
                        <param name="movie" value="https://player.youku.com/player.php/sid/XMjk0MzU4MTMwOA/v.swf">
                        <param name="flashvars" value="imglogo=&amp;paid=0&amp;partnerId=22a948b9b477d453&amp;styleid=0">
                    </object>
-->
    </div>
    <div class="bg_2 pa">
        <div class="title pa">带领你的部落走向胜利!</div>
        <div class="title2 pa">《部落冲突》是一个战争策略类游戏,在这里:</div>
        <ul class="p_con pa">
            <li>你可以提高自己的野蛮人,弓箭手,野猪骑士,皮卡,龙和其他强大的军队战士</li>
            <li>与世界各地的玩家对战,提升你的世界排名</li>
            <li>与其他玩家联合起来建立强大部落</li>
            <li>与你的队友加入史诗级的部落战争对战</li>
            <li>可以通过iPad,iPhone以及安卓设备免费下载</li>
        </ul>
    </div>
</div>
</div>
<div id="home_4">
<div id="container_4">
    <div class="bg_1 pa"></div>
    <div class="lunbo pa" id="Mpart1lunbo">
        <div class="lunbo_bg pa"></div>
        <div class="wrap">
            <a href="#" target="_blank" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 780px; height: 530px;"><img alt="" src="images/pic_1.jpg"></a> 
            <a href="#" target="_blank" style="position: absolute; top: 0px; left: 0px; display: block; z-index: 6; opacity: 1; width: 780px; height: 530px;"><img alt="" src="images/pic_2.jpg"></a> 
            <a href="#" target="_blank" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 780px; height: 530px;"><img alt="" src="images/pic_3.jpg"></a> 
            <a href="#" target="_blank" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 780px; height: 530px;"><img alt="" src="images/pic_4.jpg"></a> 
            <a href="#" target="_blank" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 780px; height: 530px;"><img alt="" src="images/pic_5.jpg"></a> 
        </div><p class="tabs"><a class=""></a><a class="active"></a><a class=""></a><a class=""></a><a class=""></a></p>
        <div id="class-show">
            <a class="prev"></a>
            <a class="next"></a>
        </div>
    </div>
        <script type="text/javascript">
        $(function(){
        //lunbo
        $('#Mpart1lunbo .wrap')
                .after('<p class="tabs" />')
                .cycle({ 
                    //fx:         'fade',
                    fx: 'fade',//scrollHorz左右滚动;fade渐变
                    //speed: 1500,
                    timeout: 6000,
                    pause: 1 ,
                    prev : '#class-show .prev',
                    next : '#class-show .next',
                    pager: '#Mpart1lunbo .tabs',
                    pagerEvent: 'mouseover',
                    pauseOnPagerHover: true,
                    cleartypeNoBg: true,
                    activePagerClass: 'active',
                    pagerAnchorBuilder: function(idx, slide) { 
                        idx += 1;            
                        return '<a>' + '' + '</a>'; 
                    }
                });
        });
        </script>
</div>
</div>
<style>
#footer_n{ min-width:1000px _width:1000px; background:#000}
#footerner_n{ width:1000px; margin:auto; position:relative; height:200px;}
.footlogo_n1{ top:89px; left:420px;}
.footlogo_n2{ top:93px; left:491px;}
.footer_np{ top:144px; left:120px; width:780px; text-align:center; color:#fff; font-size:12px; line-height:18px;}
</style>
<!--
<div id="footer_n">
<div id="footerner_n">
    <div class="footer_link">
            <a style=" margin-left:0px" class="link1 ti" href="#" title="排行榜">排行榜</a>
            <a class="link6 ti" href="http://supercell.helpshift.com/a/boom-beach/" target="_blank" title="玩家支持">玩家支持</a>
        </div>    
    <img class="footlogo_n1 pa" src="/images/footer_logo1.png" />
    <img class="footlogo_n2 pa" src="/images/footer_logo2.png" />
    <div class="footer_np pa">北京昆仑乐享网络技术有限公司 京ICP证140181号 京公网安备11010102001411号 京网文[2013]0534-161号<br>
电出字:01-2015-0040号  京新广字[2015]553号  文网游进字[2015]0062号  新广出审[2015]1084号<a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/gameNetTag/4028c08b4de78b55014df5051e0c0416" target="_blank"><img src="/images/youxidzbq.png" style=" margin:0 0 0 10px;width:18px; height:18px; " /></a>
</div>
</div>
</div>
-->
<!--
<div class="plant_footer">
    <div class="plant_fot_wrap">
        <div class="footer_link">
            <a class="link1 ti" href="javascript:alert('敬请期待')" title="排行榜">排行榜</a>
            <a class="link6 ti" href="http://supercell.helpshift.com/a/clash-of-clans/?p=web" target="_blank" title="玩家支持">玩家支持</a>
        </div>    
        <a href="#" class="kl_logo2"><img src="images/kl_logo2.png" /></a>
        <a href="http://www.kunlun.com" target="_blank" class="kl_logo"><img src="images/kl_logo.png" /></a>
        <div class="mesg_02"><a href="http://static.kunlun.com/v4/company/index.html" target="_blank">公司介绍</a> | <a href="http://static.kunlun.com/v4/company/media.html" target="_blank">媒体报道</a> | <a href="http://static.kunlun.com/v4/company/grow.html" target="_blank">职业发展</a> | <a href="http://static.kunlun.com/v4/company/link.html" target="_blank">友情链接</a> |  <a href="http://www.klyou.com" target="_blank">快乐游</a>   适合18岁以上用户 北京昆仑乐享网络技术有限公司<br>京ICP证140181号 京公网安备11010102001411号 京网文[2013]0534-161号</div>
            <div class="mesg_03">健康游戏忠告:抵制不良游戏,拒绝盗版游戏 注意自我保护,谨防受骗上当; 适度游戏益脑,沉迷游戏伤身 合理安排时间,享受健康生活。</div>
    </div>
</div>
-->
<script type="text/javascript">
function change(x)
    {
            if( document.getElementById('h'+x).style.display == 'none' )
            {
                for(h=0;h<4;h++){
                document.getElementById("h"+x).style.display="block";
                document.getElementById("h"+h).style.display="none";
                }
            }
             else
            {
                document.getElementById("h"+x).style.display="none";
                document.getElementById("h"+h).style.display="block";
            } 
}
function close1(y)
    {
         document.getElementById("h"+y).style.display="none";
        document.getElementById("zbg").style.display="none";
    }
function change2(x)
    {
        for(h=0;h<2;h++){
         document.getElementById("td"+x).style.display="block";
        document.getElementById("zhq").style.display="block";
     }
}
function close2(y)
    {
        for(h=0;h<2;h++){
         document.getElementById("td"+y).style.display="none";
        document.getElementById("zhq").style.display="none";
    }
    }
function change3(x)
    {
        for(h=0;h<2;h++){
         document.getElementById("tr"+h).style.display="block";
        document.getElementById("tr"+x).style.display="none";
     }
}
function change4(x)
    {
         document.getElementById("xf1").style.display="block";
}
function change5(x)
    {
         document.getElementById("xf1").style.display="none";
}
function change6(x)
    {
         for(h=0;h<2;h++){
         document.getElementById("tn"+h).style.display="none";
        document.getElementById("tn"+x).style.display="block";}
}
function change7(x)
    {
         for(h=0;h<2;h++){
         document.getElementById("tn"+h).style.display="block";
        document.getElementById("tn"+x).style.display="none";}
}
</script>
<script src="js/video.js"></script>
<script type="text/javascript">
document.getElementById("sina_weibo").onclick=function(){
var share_url = 'http://coc.kunlun.com';
var weibo_text = '#部落冲突,全面开战#';
(function(s,d,e,r,l,p,t,z,c){
var f='http://service.t.sina.com.cn/share/share.php?appkey=3614396148&',u=z||d.location,p=['url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=http://coc.kunlun.com/images/share.jpg',e(p||'')].join('');
function a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');
};
if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else a();
})(screen,document,encodeURIComponent,'','','','[高兴]'+weibo_text,share_url,null);
}
document.getElementById("qq_weibo").onclick=function(){
var share_url = 'http://coc.kunlun.com';
var weibo_text = '部落冲突,全面开战#';
var _tt = " /呲牙 "+weibo_text;
var _t = encodeURI(_tt);
var _url = encodeURIComponent(share_url);
var _source = 1000012;
var _site = encodeURI('bb.kunlun.com');
var _pic = 'http://coc.kunlun.com/images/share.jpg';
var _u = 'http://v.t.qq.com/share/share.php?title='+_t+'&url='+_url+'&source='+_source+'&site='+_site+'&pic='+_pic;
window.open( _u,'转播到腾讯微博', 'width=700, height=580, top=320, left=180, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no' );
}
</script>
<script type="text/javascript" src="/js/footer.js"></script>
<div class="klcommon_footer_bg" style="background-color:#000;"><div class="klcommon_footer" style="background-color:#000;" <div=""><br><br> 京网文〔2017〕9195-1044号 京ICP证080262号 京ICP备09007496号-2 (总)网出证(京)字151号<br>公司地址:北京市东城区西总布胡同46号 联系电话:028-63209138 电出字:01-2015-0040号 京新广字[2015]553号 新广出审[2015]1084号 文网游进字[2015]0062号 <a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/gameNetTag/4028c08b4de78b55014df5051e0c0416" target="_blank"><img width="15" height="15" src="http://static.kunlun.com/web/klcms/v7/images/dzbq.png" alt=""></a><br>部落冲突全球客服电话:4009954788 全国文化市场统一举报电话:12318<br></div></div>
<div class="klcommon_provider" style="top: 10px; left: 10px;">本游戏由廖鹏辉持有股份有限公司提供</div>

    </body>
</html>

 

posted @ 2019-03-31 21:40  廖鹏辉  阅读(374)  评论(0编辑  收藏  举报