﻿<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="Design:Li Hao, Web Layout:DD;" />
    <title>《鹿鼎记》官方网站-百服互联,即时跨服,超人气网游巨作</title>
    <meta name="keywords" content="鹿鼎记,鹿鼎记官方网站,鹿鼎记ol,鹿鼎记网游,ludingji,血战荣光城,荣光城" />
    <meta name="description" content="《鹿鼎记》历时四年打造即时跨服超人气网游。画面卡通绚丽，玩法丰富多彩，一人三职、服务器对抗、跨服无限制PK、自由建设城邦。 " />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link type="image/x-icon" href="/favicon.ico" rel="icon" />
    <link type="image/x-icon" href="/favicon.ico" rel="shortcut icon" />
    <link type="text/css" rel="stylesheet" href="/styles/reset.css" />
    <link rel="stylesheet" type="text/css" href="/css/left_qr.css" />
    <link rel="stylesheet" type="text/css" href="/css/panel-reg.css" />
    <style>
        @import url(/logo/ldj_logo.css);
        html,
        body {
            overflow-x: hidden;
            font-family: '微软雅黑';
        }

        img {
            vertical-align: top;
        }

        .seo_txt {
            position: absolute;
            left: -9999px;
            top: -9999px;
        }
        body {
            background: url(https://i1.cy.com/ldj/main/20250527/cover2.jpg) no-repeat;
            background-position: top 55px left;
        }
        .page1 {
            /* background: url(https://i1.cy.com/ldj/main/20161214/page1.jpg) no-repeat; */
            width: 100%;
        }

        .header {
            width: 1000px;
            height: 642px;
            margin: 0;
            position: relative;
        }

        .page2 {
            /* background: url(https://i1.cy.com/ldj/main/20161214/page2.jpg) no-repeat; */
            width: 100%;
        }

        .cont {
            width: 1000px;
            height: 807px;
            margin: 0;
        }

        .ldj_logo_bg,
        .ldj_logo_lk a {
            position: absolute;
            top: 3px;
            left: 8px;
        }

        .titLink {
            padding: 0 0 0 272px;
        }

        .titLink a {
            float: left;
            width: 117px;
            height: 113px;
            line-height: 113px;
            color: #ff9065;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
        }

        .titLink a:hover {
            color: #ffffff;
        }

        .enter {
            width: 141px;
            height: 51px;
            background: url(https://i1.cy.com/ldj/main/20161214/btn_sprite.jpg) no-repeat;
            text-indent: -9999px;
            position: absolute;
            left: 777px;
            top: 37px;
        }

        .enter:hover {
            background-position: 0 -51px;
        }

        #flash_enter {
            position: absolute;
            left: 777px;
            top: 37px;
        }

        #flash_slogan {
            position: absolute;
            left: 0px;
            top: 106px;
        }

        .cont {
            padding: 0 0 0 80px;
        }

        .cycle {
            width: 717px;
            height: 337px;
            padding: 20px;
            left: 12px;
            position: relative;
            overflow: hidden;
        }

        .cycle img {
            display: block;
        }

        .cycle ul {
            position: absolute;
            top: 64px;
            left: 20px;
        }

        .tab_num {
            z-index: 10;
            width: 720px;
            height: 44px;
            /*background: url(https://i1.cy.com/ldj/main/20151102/tab_ul.png) no-repeat;*/
            position: absolute;
            left: 19px;
            top: 20px;
        }

        .tab_num a {
            width: 180px;
            height: 44px;
            float: left;
            text-align: center;
            color: #f8e8ac;
            font-size: 16px;
            line-height: 44px;
        }

        .tab_num a.active {
            background: url(https://i1.cy.com/ldj/main/20161214/tab_sprite.jpg) no-repeat -139px 0;
            color: #3a1b08;
            font-weight: bold;
            background-color: #d7a35e;
        }

        #tab_first.active {
            background-position: 0 0;
        }

        #tab_last.active {
            background-position: right 0;
        }

        .fl {
            margin-top: 35px;
        }

        .fl a {
            float: left;
            margin-right: 10px;
        }

        .ad {
            margin: 19px 0 0 0;
        }

        .ad a {
            margin: 0 7px 0 0;
            float: left;
        }

        .ad a img {
            width: 247px;
            height: 123px;
        }
    </style>
</head>

<body>
    <div class="page1">
        <div class="header">
            <h1 class="seo_txt">至尊神龙</h1>
            <h2 class="seo_txt">太虚神器 颠覆万物</h2>
            <div class="ldj_logo_lk">
                <a href="main.shtml" target="_blank" title="鹿鼎记官方网站"></a>
            </div>
            <div class="ldj_logo_bg"></div>
            <div class="titLink clearfix">
                <a href="/download/index.shtml" target="_blank" title="极速下载">极速下载</a>
                <a href="http://zhuce.changyou.com/regInit.act?gameType=PE-LDJ" target="_blank" title="5秒注册">5秒注册</a>
                <a href="/data/class/skill03.shtml" target="_blank" title="七大职业">七大职业</a>
                <a href="/events/privilege/index.shtml" target="_blank" title="新手礼包">新手礼包</a>
            </div>
            <a href="/main.shtml" target="_blank" title="进入官网" class="enter">进入官网</a>
            <a href="/main.shtml" target="_blank" title="进入官网" id="flash_enter"></a>
            <div id="flash_slogan"></div>
        </div>
    </div>
    <div class="page2" id="page2">
        <div class="cont">
            <div class="cycle">
<!--                <div class="tab_num clearfix">-->
<!--                    <a href="javascript:void(0)" id="tab_first">全新副本</a>-->
<!--                    <a href="javascript:void(0)">全新玩法</a>-->
<!--                    <a href="javascript:void(0)">怀旧双线</a>-->
<!--                    <a href="javascript:void(0)" id="tab_last">暖春福利</a>-->
<!--                </div>-->
                <div class="tab_num clearfix">
                    <a v-for="(item,index) in index1"
                       :key="index"
                       href="javascript:void(0)"
                       :id="idName(index)"
                    >{{item.title}}</a>
                </div>
<!--                <ul>-->
<!--                    <li>-->
<!--                        <a href="http://ldj.changyou.com/ldj/news/20170316/117455.shtml" target="_blank" title="全新副本"><img alt="全新副本" src="https://i1.cy.com/ldj/pic/2017/3/16/6/cover_a1-3.jpg" /></a>-->
<!--                    </li>-->
<!--                    &lt;!&ndash;<li><a href="//event.changyou.com/ldj/201604/newclothes/pc/index.shtml" target="_blank" title="最强新服"><img alt="最强新服" src="https://i0.cy.com/ldj/pic/2016/6/15/cover_a1.jpg"/></a></li>&ndash;&gt;-->
<!--                    <li>-->
<!--                        <a href="http://ldj.changyou.com/ldj/news/20170614/119835.shtml" target="_blank" title="全新玩法"><img alt="全新玩法" src="https://i1.cy.com/ldj/pic/2017/6/18/cover_a1.jpg" /></a>-->
<!--                    </li>-->
<!--                    <li>-->
<!--                        <a href="http://ldj.changyou.com/ldj/announce/offical/general/20170609/119723.shtml" target="_blank" title="怀旧双线"><img alt="怀旧双线" src="https://i1.cy.com/ldj/pic/2017/6/18/cover_a1_2.jpg" /></a>-->
<!--                    </li>-->
<!--                    &lt;!&ndash;<li><a href="//event.changyou.com/ldj/201606/welfare/pc/" target="_blank" title="全民福利"><img alt="全民福利" src="https://i0.cy.com/ldj/pic/2016/6/8/1/cover_a13.jpg"/></a></li>&ndash;&gt;-->
<!--                    <li>-->
<!--                        <a href="http://ldj.changyou.com/ldj/announce/offical/general/20170614/119801.shtml" target="_blank" title="年中福利"><img alt="年中福利" src="https://i1.cy.com/ldj/pic/2017/6/18/cover_a1_3.jpg" /></a>-->
<!--                    </li>-->
<!--                </ul>-->
                <ul>
                    <li v-for="(item,index) in index1" :key="index">
                        <a :href="hrefUrl(item)" :target="targetType(item.href_status)" :title="item.title">
                            <img :src="item.img_url" :alt="item.title"/>
                        </a>
                    </li>
                </ul>
            </div>
<!--            <div class="fl clearfix">-->
<!--                <a href="http://ldj.changyou.com/media.shtml?idx=1" target="_blank" title="美女玩家"><img src="https://i1.cy.com/ldj/pic/2016/12/14/cover_a1.png" /></a>-->
<!--                <a href="/events/new_service/index.shtml" target="_blank" title="新服专属"><img src="https://i1.cy.com/ldj/pic/2016/12/14/cover_a2.png" /></a>-->
<!--                &lt;!&ndash;<a href="//event.changyou.com/ldj/201510/backflow/pc/index.shtml" target="_blank" title="5千万资金"><img src="https://i0.cy.com/ldj/main/20151102/ad_02.jpg"/></a>&ndash;&gt;-->
<!--                &lt;!&ndash;<a href="/events/new_service/index.shtml" target="_blank" title="十全十美VS心想事成 八大活动邀你入驻！"><img src="https://i1.cy.com/ldj/main/20160421/ad02.jpg"/></a>&ndash;&gt;-->
<!--                &lt;!&ndash;<a href="/events/privilege/index.shtml" target="_blank" title="新玩家攻略"></a>-->
<!--				<a href="/main.shtml" target="_blank" title="回归等级直升"></a>&ndash;&gt;-->
<!--            </div>-->
            <div class="fl clearfix">
                <a v-for="(item,index) in index2"
                   :key="index2"
                   :href="hrefUrl(item)"
                   :target="targetType(item.href_status)"
                   :title="item.title">
                    <img :src="item.img_url"/>
                </a>
            </div>
<!--            <div class="ad clearfix">-->
<!--                <a title="决战神龙 " target="_blank" href="http://ldj.changyou.com/ldj/news/20170316/117455.shtml">-->
<!--                    <img src="https://i1.cy.com/ldj/pic/2017/3/16/6/cover_a2-1.png">-->
<!--                </a>-->
<!--                <a title="年中福利" target="_blank" href="http://ldj.changyou.com/ldj/announce/offical/general/20170614/119801.shtml">-->
<!--                    <img src="https://i1.cy.com/ldj/pic/2017/6/18/cover_a2.png">-->
<!--                </a>-->
<!--                &lt;!&ndash; <a title="怀旧双线 逍遥旧梦VS倾此一生" target="_blank" href="http://ldj.changyou.com/ldj/announce/offical/general/20171120/123866.shtml">-->
<!--					<img src="https://i1.cy.com/ldj/pic/2017/11/21/cover_a3.png">-->
<!--				</a> &ndash;&gt;-->
<!--                <a title="怀旧双线  皓月千里vs长烟一空" target="_blank" href="http://ldj.changyou.com/ldj/announce/offical/general/20201027/147939.shtml">-->
<!--                    <img src="https://i1.cy.com/ldj/pic/2020/1029/cover_a3.png">-->
<!--                </a>-->
<!--                &lt;!&ndash;<a title="5周年庆典 全民感恩回馈" target="_blank" href="//event.changyou.com/ldj/201607/celebration/pc/index.shtml">-->
<!--	                <img src="https://i1.cy.com/ldj/pic/2016/7/22/1/cover_a2.jpg">-->
<!--				</a>-->
<!--                 <a title="决胜千里VS乱世枭雄 5周年庆专属新服 千万豪礼" target="_blank" href="/ldj/news/20160721/110527.shtml">-->
<!--	                 <img src="https://i1.cy.com/ldj/pic/2016/7/22/2/cover_a2.jpg">-->
<!--				</a>&ndash;&gt;-->
<!--                &lt;!&ndash;<a title="登峰造极VS无与伦比" target="_blank" href="//event.changyou.com/ldj/201604/newclothes/pc/index.shtml">-->
<!--	                <img src="https://i1.cy.com/ldj/pic/2016/6/15/cover_a2.jpg">-->
<!--				</a>-->
<!--                 <a title="全民福利庆端午  珠宝、红利双重返利同步开启" target="_blank" href="//event.changyou.com/ldj/201606/welfare/pc/">-->
<!--	                 <img src="https://i1.cy.com/ldj/pic/2016/6/8/1/cover_a02.jpg">-->
<!--				</a>&ndash;&gt;-->
<!--            </div>-->
            <div class="ad clearfix">
                <a v-for="(item, index) in index3"
                   :key="index"
                   :title="item.title"
                   :href="hrefUrl(item)"
                   :target="targetType(item.href_status)">
                    <img :src="item.img_url"/>
                </a>
            </div>
        </div>
    </div>
    <!--快注右漂-->
    <div class="left_qr big" id="index">
        <p>5秒快速注册<span></span></p>
    </div>
    <!--/快注右漂-->
    <!-- 通调导航 -->
    <script type="text/javascript">
(function(){
	var option = "{	name:'ldj', logos:[0,7], basAlign:'right', skins:[0,'dark',0]}";
	var script = document.createElement('script');
	script.setAttribute('type', 'text/javascript');
	script.setAttribute('src', '//www.changyou.com/js/cyou_public.js');
	script.setAttribute('id', 'cyou_public_js');
	script.setAttribute('options', option);
	document.getElementsByTagName('head')[0].appendChild(script);	
})();
</script>
    <script src="/js/jquery-1.7.2.min.js"></script>
    <script src="/js/swfobject.js"></script>
    <script src="/js/jquery.cycle.all.min.js"></script>
    <!--<div id="floatQr"> <a class="speedBtn" href="http://as.kejet.net/afaclick?u/UDJENEQyN0ZTRzNUc1Qk/o/RTlBQzhDRTU3NURFNTc4/m/REZGODhCNkE2Q0YxMDA1?http://files2.changyou.com/ldj/ldjclient/LDJ_ELOVE1GW_0.80.8869.exe" target="_blank" title="光速下载客户端">光速下载客户端</a> <a class="qrreg" href="http://as.kejet.net/afaclick?u/UDJENEQyN0ZTRzNUc1Qk/o/RTlBQzhDRTU3NURFNTc4/m/MjFFRDE3QjIyMTNBMEJE?http://zhuce.changyou.com/regInit.act?gameType=PE-LDJ" target="_blank" title="5秒快速注册">5秒快速注册</a> 
<a class="gift" href="http://as.kejet.net/afaclick?u/UDJENEQyN0ZTRzNUc1Qk/o/RTlBQzhDRTU3NURFNTc4/m/RDY2OUFCMzdBMENCRERG?/events/privilege/index.shtml" target="_blank" title="点击领取特权礼包">点击领取特权礼包</a> <a class="close" href="javascript:void(0);" title="关闭"></a> </div>-->
<span id="float_bg" title="5秒快速注册"></span>
<style type="text/css">
#floatQr {position:fixed; top:130px; right:0; width:173px; height:361px;z-index:9999; background: url(https://i1.cy.com/ldj/main/20140521/qrbg.jpg) no-repeat; }
*html #floatQr{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 3) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 120 + 'px');}
#floatQr a{
	display: block;
	cursor: pointer;
	position: absolute;
	top: 6px;
	width: 53px;
	height: 178px;
	text-indent: -9999em;
}
#floatQr a:hover{background: url(https://i1.cy.com/ldj/main/20140521/floatbtns.png) no-repeat;}
#floatQr a.speedBtn{
	width: 52px;
	left: 7px;
}
#floatQr a.qrreg{
	left: 60px;
}
#floatQr a.qrreg:hover{
	background-position: -53px 0;
}
#floatQr a.gift{
	left: 114px;
}
#floatQr a.gift:hover{
	background-position: -107px 0;
}
#floatQr a.close { width:35px; height:35px; position:absolute; top:-34px; right:0px; background:url(https://i1.cy.com/ldj/main/20140521/close.jpg) no-repeat;}
#floatQr a.close:hover {background:url(https://i1.cy.com/ldj/main/20140521/close.jpg) no-repeat;}
#float_bg { background: url("https://i0.cy.com/ldj/main/20160302/float_bg.png") no-repeat scroll left top transparent;
    cursor: pointer;
    display: none;
    height: 238px;
    margin-top: -150px;
    position: fixed;
    right: 0px;
    text-indent: -9999em;
    top: 50%;
    width: 71px;
    z-index: 11;}
*html #float_bg{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 104 + 'px'); }
</style>
<script>
$(function(){
	//三个竖排按钮版的右飘，需要时打开，并将最上面的代码也一并打开
    /*$('#floatQr a.close').click(function(){
		$('#floatQr').animate({width: 'hide', show: 'hide'}, "500",function(){
			$('#float_bg').animate({width: 'show', show: 'show'}, "500");
			});
		
    })*/
	$('#index .big span').click(function(){
		$('#index').animate({width: 'hide', show: 'hide'}, "500",function(){
			$('#float_bg').animate({width: 'show', show: 'show'}, "500");
			});
		
    });
    $('#float_bg').click(function(){
		$('#float_bg').animate({width: 'hide', show: 'hide'}, "500",function(){
			$('.left_qr').animate({width: 'show', show: 'show'}, "500");
			});
		
    });
});
</script> 

    <script type="text/javascript" src="//www.changyou.com/cyou_share/cyoushare.js"></script>
    <script type="text/javascript" src="/js/left_qr.js"></script>

    <script src="/js/lib/vue.min.js"></script>
    <script type="text/javascript">
        new Vue({
            el: "#page2",
            data:function (){
                return {
                    index1:[],
                    index2:[],
                    index3:[]
                }
            },
            created:function () {
                var _this= this
                $.ajax({
                    url:'//event.changyou.com/cycms/ldj/banner/index1.json',
                    dataType:'json',
                    async:false,
                    success:function (data){
                        _this.index1 = data.slice(0,4)
                    },

                });
                $.ajax({
                    url:'//event.changyou.com/cycms/ldj/banner/index2.json',
                    dataType:'json',
                    success:function (data){
                        _this.index2 = data.slice(0,2)
                    },
                });
                $.ajax({
                    url:'//event.changyou.com/cycms/ldj/banner/index3.json',
                    dataType:'json',
                    success:function (data){
                        _this.index3 = data.slice(0,3)
                    },

                })

            },
            methods: {
                hrefUrl: function(info) {
                    var isUrl = info.href_status === 1 || info.href_status === 2;
                    var txt = info.href_status === 3 && info.href_text
                        ? 'javascript:alert(\''+ info.href_text +'\');' : 'javascript:;'

                    return isUrl ? info.href_url : txt
                },
                targetType: function(status) {
                    return status === 1 ? '_black' : '_self';
                },
                idName: function(index) {
                    if(index === 0) return 'tab_first';
                    if(index === this.index1.length - 1) return 'tab_last';
                }
            }

        })
    </script>
    <script>
        $(function() {
            $('.cycle ul').cycle({
                fx: 'fade',
                timeout: 4000,
                pause: 1,
                pager: '.cycle .tab_num',
                pagerEvent: 'mouseover',
                pauseOnPagerHover: true,
                cleartype: !$.support.opacity,
                cleartypeNoBg: true,
                activePagerClass: 'active',
                pagerAnchorBuilder: function(idx) {
                    return $('.tab_num a')[idx];
                }
            });
        });
        addSWF('http://files2.changyou.com/vc/ldj/2016/1214/gwbtn_1028.swf', 'flash_enter', "140", "50");

        function gotoPage() {
            window.location.href = "/main.shtml"
        };
    </script>
    <script type="text/javascript" src="js/panel-reg-cover.js"></script>
    <!-- DMA -->
    <link type="text/css" rel="stylesheet" href="//www.changyou.com/css/common.css">
<script type="text/javascript" src="//mon.changyou.com/jquery-a.js"></script>
<!-- 百度统计 -->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?08ca24736015d8bee8ef23bea17cc62e";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<!-- ga -->
<script type="text/javascript">
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-38593170-6', 'changyou.com');
  ga('send', 'pageview');

</script>

</body>

</html>
