首页 / 故宫青少版网站

<!DOCTYPE html> <html lang="zh-CN"> <head>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="renderer" content="webkit"> <meta name="viewport" content="width=1440" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="keywords" content=""/> <meta name="description" content=""/> <link rel="Shortcut Icon" href="/statics/images/favicon.ico" type="image/x-icon" /> <link href="/statics/css/base.css?v=20230526" rel="stylesheet" type="text/css"> <link href="/statics/css/index.css?v=202405" rel="stylesheet" type="text/css"> <script src="/statics/js/iefix.js" type="text/javascript"></script> <script src="/statics/js/jquery.min.js?v=20230526" type="text/javascript"></script> <script src="/statics/js/jquery-migrate.min.js?v=20230526" type="text/javascript"></script> <script src="/statics/js/comm.js?v=2022127" type="text/javascript"></script>   <link href="/statics/css/leaflet.css" type="text/css" rel="stylesheet" /> <link href="/statics/css/leaflet.draw.css" type="text/css" rel="stylesheet" /> <script src="/statics/js/leaflet.js" type="text/javascript"></script> <script src="/statics/js/leaflet.draw.js" type="text/javascript"></script> <script src="/statics/js/MovingMarker.js" type="text/javascript"></script> <script src="/statics/js/jquery.mousewheel.js" type="text/javascript"></script> <link rel="stylesheet" href="/statics/videojs/themes/maccaco/projekktor.style.css" type="text/css" media="screen" /> <script type="text/javascript" src="/statics/videojs/projekktor-1.3.09.min.js"></script> <link rel="stylesheet" href="/statics/css/game/game.css" type="text/css"> <script src="/statics/js/sceneframework.js" type="text/javascript"></script> <script src="/statics/js/puzzle.js" type="text/javascript"></script> <script src="/statics/js/note.js?v=20230526" type="text/javascript"></script> <script src="/statics/js/empire.js" type="text/javascript"></script> <script src="/statics/js/game.js?v=20230526" type="text/javascript"></script> <script src="/statics/js/story.js?v=20230526" type="text/javascript"></script> <link href="/statics/css/game.css?v=20230526" rel="stylesheet" type="text/css">  <title>首页 / 故宫青少版网站</title> <script> (function(w, d, s, q, i) { w[q] = w[q] || []; var f = d.getElementsByTagName(s)[0],j = d.createElement(s); j.async = true; j.id = 'beacon-aplus'; j.src = 'https://d.alicdn.com/alilog/mlog/aplus/' + i + '.js'; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'aplus_queue', '203561150'); //集成应用的appKey aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['appKey', '7iwypreeu3t283ji6xpkxbff'] }) aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['aplus-rhost-v', 'quickaplus-he-api-cn-shanghai.aliyuncs.com'] }); </script> <script type="text/javascript">!function(a,b){if(!b.__SV){var c,d,e,f;window.dplus=b,b._i=[],b.init=function(a,c,d){function g(a,b){var c=b.split(".");2==c.length&&(a=a[c[0]],b=c[1]),a[b]=function(){a.push([b].concat(Array.prototype.slice.call(arguments,0)))}}var h=b;for("undefined"!=typeof d?h=b[d]=[]:d="dplus",h.people=h.people||[],h.toString=function(a){var b="dplus";return"dplus"!==d&&(b+="."+d),a||(b+=" (stub)"),b},h.people.toString=function(){return h.toString(1)+".people (stub)"},e="disable track track_links track_forms register unregister get_property identify clear set_config get_config get_distinct_id track_pageview register_once track_with_tag time_event people.set people.unset people.delete_user".split(" "),f=0;f<e.length;f++)g(h,e[f]);b._i.push([a,c,d])},b.__SV=1.1,c=a.createElement("script"),c.type="text/javascript",c.charset="utf-8",c.async=!0,c.src="//w.cnzz.com/dplus.php?id=1262057985",d=a.getElementsByTagName("script")[0],d.parentNode.insertBefore(c,d)}}(document,window.dplus||[]),dplus.init("1262057985");</script>  <script src="/statics/js/empire.js" type="text/javascript"></script> <script src="/statics/js/jquery.backgroundpos.min.js" type="text/javascript"></script> <link href="/statics/css/jquery.qtip.min.css" rel="stylesheet" type="text/css"> <script src="/statics/js/jquery.qtip.min.js" type="text/javascript"></script> <link href="/statics/css/fans.css?v=3" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="/statics/js/swiper/swiper-3.4.2.min.css"> <script type="text/javascript" src="/statics/js/swiper/swiper-3.4.2.jquery.min.js"></script> <script type="text/javascript" src="/statics/js/jquery.jscrollpane.min.js"></script> <link href="/statics/css/base_2023.css?v=2023505" rel="stylesheet" type="text/css"> <style> .gb .content .ty-2 { position: absolute; top: 370px; left: 50%; margin-left: -70px; background: url(/statics/images/gb/xiansheng.png) no-repeat; height: 158px; width: 141px; } .gb .content .ty-2.r { background-position: 0 -158px } .gb .focusarea { position: relative; } .gb .focusarea .item .dots { position: absolute; z-index: 5; left: 0; right: 0; bottom: 175px; display: flex; justify-content: center; } .gb .focusarea .item .dots span { width: 15px; height: 15px; border-radius: 50%; background: #FF0A0A; margin: 0 5px; } .gb .focusarea .item .dots span.swiper-pagination-bullet-active { background: #F8D14B; } .index-1 .img:hover img { animation: tada 1s ease-in 0s; } .index-map-btns a:hover .img img { animation: rubberBand 1s ease-in 0s; } @keyframes shakeshake { 0% { transform: scale(1); } 5% { transform: scale(0.90) translate(0, 20px); } 10% { transform: scale(1); } 100% { transform: translate(1); } } @-moz-keyframes shakeshake { 0% { transform: scale(1); } 5% { transform: scale(0.90) translate(0, 20px); } 10% { transform: scale(1); } 100% { transform: translate(1); } } @-webkit-keyframes shakeshake { 0% { transform: scale(1); } 5% { transform: scale(0.90) translate(0, 20px); } 10% { transform: scale(1); } 100% { transform: translate(1); } } @-o-keyframes shakeshake { 0% { transform: scale(1); } 5% { transform: scale(0.90) translate(0, 20px); } 10% { transform: scale(1); } 100% { transform: translate(1); } } .markerwrapper .markercontent { white-space: pre-line; *white-space: pre; *word-wrap: break-word; } .leaflet-oldie .leaflet-popup-content-wrapper { border: none; } .leaflet-oldie .leaflet-popup-content { border: none; } </style> </head> <body class="gb"> <header class="header"> <div class="searchwraper"> <div class="search clearfix"> <div action="/search" method="get"> <input id="keyword" type="text" name='q' placeholder="站内搜索"><button id="searchbtn"></button> </div> <script> var action = '/search'; document.getElementById('searchbtn').onclick=function() { var dlform = document.createElement('form'); dlform.style = "display:none;"; dlform.method = 'get'; dlform.action = action; var hdnFilePath = document.createElement('input'); hdnFilePath.type = 'hidden'; hdnFilePath.name = 'q'; var kw = document.getElementById('keyword').value; hdnFilePath.value = kw; dlform.appendChild(hdnFilePath); document.body.appendChild(dlform); dlform.submit(); document.body.removeChild(dlform); } </script> </div> </div> </div> <style type="text/css"> .header nav .new:after { content: ""; position: absolute; width: 19px; height: 13px; background: url(/statics/images/new.png) no-repeat; top: 2px; right: 0; animation:binb 0.4s ease-in 0s infinite alternate; } @keyframes binb { 0% {top:2px;} 100% {top:-5px;} } </style> <nav> <a class="logo" href="/"></a> <ul class="yahei" id="nav"> <li><a href="/category/110">故宫动态</a></li> <li class="new"><a href="#">我要逛故宫</a><ul><i><em></em></i> <li><a href="/category/204">玩转手帐</a></li> <li><a href="/category/206">主题地图</a></li> <li><a href="/?i=routeopen">交互路线</a></li> <li><a href="/category/122">开放信息</a></li> </ul></li> <li><a href="#">上书房</a> <ul><i><em></em></i> <li><a href="/category/114">紫禁学堂</a></li> <li><a href="/category/115">故宫藏宝</a></li> <li><a href="/category/116">故宫小百科</a></li> </ul> </li> <li class="blank"> </li> <li class="new"><a href="#">视听馆</a> <ul><i><em></em></i> <li><a href="/category/180">紫禁城建筑的秘密</a></li> <li><a href="/category/203">科普剧场</a></li> </ul> </li> <li><a href="javascript:;">故宫大冒险</a> <ul><i><em></em></i> <li><a href="/category/113">微剧场</a></li> <li><a href="/category/113#gamezone">游戏</a></li> <li><a href="//young.dpm.org.cn/art/index">绘画大赛</a></li> <li><a href="/category/260">精彩壁纸</a></li> </ul> </li> <li class="new"><a href="/node/202">好物集市</a></li> <li class="search"><a href="javascript:;" title="站内搜索"></a></li> </ul> <a class="bell"></a> </nav> </header> <div style="display: none"><img src="/statics/images/v2/weixinlogo.jpg"></div> <link href="/statics/css/animate.css" rel="stylesheet" type="text/css"> <div class="focusarea winter"> <div class="item"> <div class="list"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a href="/article/683" target="_blank" alt="2025春节"><img src="/uploads/1/image/public/202501/20250126233528_1ra48thpwv.jpg" alt="2025春节" style="width: 100%;"></a> </li> <li class="swiper-slide"> <a href="/category/113?i=fmdc#gamezone" target="_blank" alt="游戏畅音阁"><img src="/uploads/1/image/public/202501/20250126230041_w94awbpu7y.jpg" alt="游戏畅音阁" style="width: 100%;"></a> </li> <li class="swiper-slide"> <a href="/node/193?i=11" target="_blank" alt="2025元旦"><img src="/uploads/1/image/public/202412/20241231173157_364siep6j0.jpg" alt="2025元旦" style="width: 100%;"></a> </li> <li class="swiper-slide"> <a href="/category/180" target="_blank" alt="视频与音频"><img src="/statics/images/2022season/audiovideo/2022_01.jpg" alt="视频与音频" style="width: 100%;"></a> </li> <li class="swiper-slide"> <a href="/node/220" target="_blank" alt="主题与教学资源"><img src="/statics/images/2024season/jiaocai/2024jiaocai_01.jpg" alt="主题与教学资源" style="width: 100%;"></a> </li> </ul> </div> <div class="dots"></div> </div> </div> <script> $(function () { const dom = $('.focusarea').find('.item') const swiper = new Swiper(dom.find('.list'), { initialSlide: 0, loop: true, autoplay: 5000, autoplayDisableOnInteraction: false, paginationClickable: true, speed: 600, slidesPerView: 1, pagination: dom.find('.dots') }) dom.find('.prev').click(function () { swiper.slidePrev(); return false }) dom.find('.next').click(function () { swiper.slideNext(); return false }) }) </script> <article class="content"> <div class="penbg"><img src="/statics/images/gb/title-1.png"></div> <div class="mainwrap"> <div class="soundwrap" style="position: relative; z-index: 15"> <ul class="clearfix"> <li> <div class="news"> <a href="/info/683" target="_blank"> <img src="/uploads/1/image/public/202501/20250122001704_7ogkde2v3t.png"> <h3>紫禁学堂——祥瑞图大搜索</h3>  </a> </div> </li> <li> <div class="news"> <a href="/info/562" target="_blank"> <img src="/uploads/1/image/public/202501/20250122001024_hd0vtnacw6.png"> <h3>紫禁学堂——如意，如意，如我心意</h3>  </a> </div> </li> <li> <div class="news"> <a href="/info/310" target="_blank"> <img src="/uploads/1/image/public/202501/20250122001325_8lx20c4qte.png"> <h3>紫禁学堂——紫禁城里闹联欢 </h3>  </a> </div> </li> </ul> </div> <div class="centerimg"><img src="/statics/images/gb/taihedian.jpg"></div> </div><div class="index-4"> <ul> <li class="li_01"> <div class="name"> <img src="/statics/images/img48_4.png" alt=""> <em>新展开幕</em> </div> <a href="/info/1109" class="item" target="_blank"> <h3>“FLASH！故宫——数字故宫快闪展” 亮相香港大馆</h3> <p>“FLASH！故宫——数字故宫快闪展”于2025年1月17日在香港大馆隆重开幕。此次展览由故宫博物院主办，香港赛马会全力支持，公益慈善研究院独家捐助。香港特别行政区政府文化体育及旅游局局长罗淑佩、香港赛马会董事、公益慈善研究院主席黄嘉纯，故宫博物院副院长朱鸿文等嘉宾出席此次活动。</p> <div class="time">2025.01.18</div> </a> </li> <li class="li_01"> <div class="name"> <img src="/statics/images/img48_4.png" alt=""> <em>新展开幕</em> </div> <a href="/info/1108" class="item" target="_blank"> <h3>业守精勤匠心永驻 ——罗哲文百年诞辰纪念展在故宫开幕</h3> <p>本次展览地点位于故宫博物院神武门展厅，共分上下两层。展览从2025年1月17日正式开展，将持续至3月9日。</p> <div class="time">2025.01.17</div> </a> </li> <li class="li_04"> <div class="name"> <img src="/statics/images/img48_2.png" alt=""> <em>开放公告</em> </div> <a href="/info/1106" class="item" target="_blank"> <h3>故宫博物院2025年寒假期间未成年人团队快速预约、检票措施</h3> <p>由独立法人机构组织的、未成年人占比85%以上的团队，可提前1-6日通过邮箱yycg@dpm.org.cn进行团队未成年人门票快速预约，团队中的成年人门票需另行预约购买。提交预约申请时，需注明成年人门票的预约时段。</p> <div class="time">2025.01.15</div> </a> </li> </ul> </div><div class="index-1"> <ul> <li> <a href="/category/115"> <div class="img"><img src="/statics/images/v4/creative/images/img158_1.png" alt=""></div> <div class="name">看藏宝</div> </a> </li> <li> <a href="/category/120"> <div class="img"><img src="/statics/images/v4/creative/images/img158_2.png" alt=""></div> <div class="name">逛故宫</div> </a> </li> <li> <a href="/category/114"> <div class="img"><img src="/statics/images/v4/creative/images/img158_3.png" alt=""></div> <div class="name">讲知识</div> </a> </li> <li> <a href="/category/203"> <div class="img"><img src="/statics/images/v4/creative/images/img158_4.png" alt=""></div> <div class="name">听和看</div> </a> </li> <li> <a href="/category/113#gamezone"> <div class="img"><img src="/statics/images/v4/creative/images/img158_5.png" alt=""></div> <div class="name">玩游戏</div> </a> </li> <li> <a href="/category/202"> <div class="img"><img src="/statics/images/v4/creative/images/img158_6.png" alt=""></div> <div class="name">寻好物</div> </a> </li> </ul> </div> <div class="map" style="padding-top: 0" id="mapzone"> <div class="mapwrap mapmain"> <div class="tools"> <ul> <li class="zoom"> <span class="zoomin"></span> <span class="zoomout"></span> </li> </ul> </div>   <div class="iconfilter old-version"> <ul> <li class="">展</li> <li class="">专</li> <li class="">常</li> <li class="">商</li> </ul> <div class="filter"></div> </div> <style> .iconfilter { position: absolute; z-index: 1; right: 83px; top: 185px; width: 42px; background: rgba(255, 255, 255, 0.8); border: 1px solid #c9ac7d; border-radius: 22px; z-index: 1; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); } .iconfilter .filter { height: 42px; background: url(/template/1/pc/_files/images/filtermap.png) center center no-repeat; background-size: 66%; } .iconfilter ul { padding: 0px 5px; display: none; } .iconfilter.select ul { display: block; } .iconfilter li { text-align: center; font-size: 14px; background: #A30C0F; border-radius: 50%; line-height: 32px; color: #fff; margin-top: 5px; } .iconfilter li.unselect { background: #A3A3A3; } </style> <script> $(".iconfilter .filter").on("click",function(){ $(this).parent().toggleClass("select"); }) </script>   <div class="icon-filter-exhibition new-version off"> </div> <style> .new-version { display: none; } .icon-filter-exhibition { top: 80px; left: 50px; position: absolute; width: 90px; height: 135px; z-index: 1000; cursor: pointer; } .icon-filter-exhibition.on { background: url(/template/1/pc/_files/images/exhibition-filter-on.png) center center no-repeat; } .icon-filter-exhibition.off { background: url(/template/1/pc/_files/images/exhibition-filter-off.png) center center no-repeat; } </style>   <div class="spriteguide old-version"> <div class="sprite storystarter" style="background-image: url(/statics/images/sprite.png?v=1);"></div> <div class="mapguide"> <ul><li class="guide_1 route1sprite_U transition"></li><li class="guide_2 route2sprite_U transition"></li><li class="guide_3 route3sprite_U transition" style="display: none;"></li></ul> </div> </div>  <div class="index-map-btns"> <ul> <li> <a href=""> <div class="img"><img src="/statics/images/v4/creative/images/img220_1.png" alt=""></div> <div class="name">随便逛逛</div> </a> </li> <li> <a href=""> <div class="img"><img src="/statics/images/v4/creative/images/img220_3.png" alt=""></div> <div class="name">故事游览</div> </a> </li> <li> <a href="/category/206" target="_blank"> <div class="img"><img src="/statics/images/v4/creative/images/img220_2.png" alt=""></div> <div class="name">主题游览</div> </a> </li> </ul> </div> <div id="mapcontainer" style="height: 700px"></div> <div class="pos-content-new"> <div class="pos-content-cloud"></div> <div class="pos-content-bg" id="pos-content-new-container"> </div> </div> <div class="maptop"><img src="/statics/images/gb/maptop.png"></div> <div class="maptop mapbottom"><img src="/statics/images/gb/mapbottom.png"></div> </div> <script type="text/javascript"> $(function(){ // var animatesprite=0; // setInterval(function(){ // if(animatesprite==5){ // $(".sprite").animate({backgroundPosition: '0 0'},0) // animatesprite=0; // }else // { // $(".sprite").animate({backgroundPosition: '0 -=192px'},0) // } // animatesprite++; // },300); }) </script> <div class="mapwrap taihe"> <div style="width:700px; margin:0 auto;height: 869px" class="relative roundwrapper"> <div class="gtext "><img src="/statics/images/gb/gugong.png"></div> <div class="ty-2" ><div></div></div> <div class="ty-3 mRound" ><a href="/category/113#gamezone" target="_blank"><img src="/statics/images/gb/ty-11.png"></a></div> <div class="ty-4 mRound"><a href="/category/113#gamezone" target="_blank"><img src="/statics/images/gb/ty-12.png"></a></div> <div class="ty-5 mRound"><a href="/category/113#gamezone" target="_blank"><img src="/statics/images/gb/ty-13.png"></a></div> <div class="ty-5 mRound"><a href="/category/113#gamezone" target="_blank"><img src="/statics/images/gb/ty-14.png"></a></div> <div class="ty-5 mRound"><a href="/category/113?i=fmdc#gamezone" target="_blank"><img src="/statics/images/gb/ty-16.png"></a></div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var app = { init: function () { this.move(); this.step=0.3; }, css: function (ele, styles) { for(var attr in styles){ ele['style'][attr] = styles[attr]; } }, round: function (ele,idx) { var deg = 0; var speed=30; var timer = null; var _this = this; //var w = ele.offsetWidth; //var h = ele.offsetHeight; var x=$(".roundwrapper").width()/2,y=$(".roundwrapper").height()/2,r=230; var a,b; clearInterval(timer); timer = setInterval(function () { deg += _this.step; a = Math.sin(deg * Math.PI/180+Math.PI/180*360/$('.mRound').length*idx) * r; b = Math.cos(deg * Math.PI/180+Math.PI/180*360/$('.mRound').length*idx) * r; _this.css(ele, { left: (x-80) + b + 'px', top: (y-60) + a + 'px' }) }, speed); }, move: function () { var aBox = $('.mRound'); var _this = this; var body = document.body; var left,top,r,ele,w; $(".roundwrapper").hover(function(){ _this.step=0; },function(){ _this.step=0.3; }); [].slice.call(aBox).forEach(function (e) { _this.round(e, $(e).index()); }) } } app.init(); $(".taihe").mousemove(function(e){ e=e||window.event; (e.clientX||e.touches[0].clientX)>($(this).offset().left+$(this).innerWidth()/2)?$(".ty-2").addClass("r"):$(".ty-2").removeClass("r"); }) }) </script> </div> <div class="index-2"> <div class="title"><img src="/statics//images/v4/creative/images/title389.png" alt=""></div> <div class="wal"> <div class="item item-1"> <div class="list"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a href="/category/202?id=1115" target="_blank"> <div class="img"><img src="/uploads/1/image/public/202501/20250125230208_nwoy3kn5ch.png" alt=""></div> <div class="name">百喜毯</div> </a> </li> <li class="swiper-slide"> <a href="/category/202?id=1121" target="_blank"> <div class="img"><img src="/uploads/1/image/public/202501/20250125225927_c121cn7xom.png" alt=""></div> <div class="name">如意福禄文具套装</div> </a> </li> </ul> </div> <div class="dots"></div> <div class="arrow"> <a href="" class="prev"><img src="/statics/images/prev24.png" alt=""></a> <a href="" class="next"><img src="/statics/images/next24.png" alt=""></a> </div> </div> <div> <div class="item item-2"> <div class="list"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a href="/category/202?id=1122" target="_blank"> <div class="img"><img src="/uploads/1/image/public/202501/20250125230527_x951leplxr.png" alt=""></div> <div class="name">财神爷小夜灯</div> </a> </li> <li class="swiper-slide"> <a href="/category/202?id=1120" target="_blank"> <div class="img"><img src="/uploads/1/image/public/202501/20250125230611_haauv5xpjm.png" alt=""></div> <div class="name">灵猫慕蝶硅胶灯</div> </a> </li> </ul> </div> <div class="dots"></div> <div class="arrow"> <a href="" class="prev"><img src="/statics/images/prev24.png" alt=""></a> <a href="" class="next"><img src="/statics/images/next24.png" alt=""></a> </div> </div> <div class="item item-3"> <div class="list"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a href="/category/202?id=1116" target="_blank"> <div class="img"><img src="/uploads/1/image/public/202501/20250125230702_rlgi5qxjvf.png" alt=""></div> <div class="name">故宫大吉宫灯冰箱贴灯笼</div> </a> </li> <li class="swiper-slide"> <a href="/category/202?id=1114" target="_blank"> <div class="img"><img src="/uploads/1/image/public/202501/20250125230757_u4f3amf8mk.png" alt=""></div> <div class="name">灵蛇献瑞蛇年毛绒玩偶</div> </a> </li> </ul> </div> <div class="dots"></div> <div class="arrow"> <a href="" class="prev"><img src="/statics/images/prev24.png" alt=""></a> <a href="" class="next"><img src="/statics/images/next24.png" alt=""></a> </div> </div> </div> </div> </div> <script> $(function () { $('.index-2').find('.item').each(function () { const dom = $(this) const swiper = new Swiper(dom.find('.list'), { initialSlide: 0, loop: true, autoplay: 5000, autoplayDisableOnInteraction: false, paginationClickable: true, speed: 600, slidesPerView: 1, pagination: dom.find('.dots') }) dom.find('.prev').click(function () { swiper.slidePrev(); return false }) dom.find('.next').click(function () { swiper.slideNext(); return false }) }) }) </script> <div class="index-3" id="videolist"> <div class="wal"> <div class="title"><img src="/statics//images/v4/creative/images/title412.png" alt=""></div> <div class="list"> <div class="swiper-wrapper"> <div class="swiper-slide"> <ul> <li v-for="(n,index) in 3"> <a class="item" target="_blank" :href="'/category/203?id='+vdolist[index].id"> <div class="img"><img :src="vdolist[index].img" alt=""></div> <div class="name">{{vdolist[index].name}}</div> </a> </li> </ul> </div> <div class="swiper-slide"> <ul> <li v-for="(n,index) in 3"> <a class="item" target="_blank" :href="'/category/203?id='+vdolist[index+3].id"> <div class="img"><img :src="vdolist[index+3].img" alt=""></div> <div class="name">{{vdolist[index+3].name}}</div> </a> </li> </ul> </div> <div class="swiper-slide"> <ul> <li v-for="(n,index) in 3"> <a class="item" target="_blank" :href="'/category/203?id='+vdolist[index+6].id"> <div class="img"><img :src="vdolist[index+6].img" alt=""></div> <div class="name">{{vdolist[index+6].name}}</div> </a> </li> </ul> </div> </div> <div class="dots"></div> <div class="arrow"> <a href="" class="prev"><img src="/statics/images/prev24.png" alt=""></a> <a href="" class="next"><img src="/statics/images/next24.png" alt=""></a> </div> </div> </div> </div> <script src="/statics/images/v4/mapdownload/js/vue.js"></script> <script> $.getJSON("/node/201?qtype=theaterlist&v=" + Math.random(), function (jdata) { new Vue({ el: '#videolist', computed: { vdolist: function () { return jdata.list; } }, mounted() { const dom = $('.index-3') const swiper = new Swiper(dom.find('.list'), { initialSlide: 0, loop: true, autoplay: 5000, autoplayDisableOnInteraction: false, paginationClickable: true, speed: 600, slidesPerView: 1, pagination: dom.find('.dots'), }) dom.find('.prev').click(function () { swiper.slidePrev(); return false; }) dom.find('.next').click(function () { swiper.slideNext(); return false; }) } }) }); </script> <style> .multiapp { position: relative; } .multiapp:hover div { display: block; } .multiapp div { position: absolute; border: 1px solid #a0977a; left: -22px; background: #fff; width: 100px; padding: 15px 20px; border-radius: 10px; top: 100px; display: none; z-index: 1; } .multiapp div i { border-color: transparent; border-style: solid; border-width: 10px; display: block; height: 0; position: absolute; width: 0; border-bottom-color: #a0977a; border-top-width: 0; left: 50%; margin-left: -8px; top: -10px; } .multiapp div i em { border-color: transparent; border-style: solid; border-width: 10px; display: block; height: 0; position: absolute; width: 0; border-bottom-color: #fff; border-top-width: 0; top: 1px; right: -10px; } .multiapp div span { display: block; line-height: 2em; } .appdown { display: flex; flex-wrap: wrap; } </style> <div class="mainwrap"> <div class="centerimg more"><img src="/statics/images/gb/more.jpg"></div> <div class="clearfix"> <div class="left download"> <div class="clearfix"> <div class="left"><a href="/damaoxian#collectzone" target="_blank"><img src="/statics/images/gb/t1.png"></a></div> <div class="left"> <ul class="clearfix appdown">  <li class="left"><a href="https://itunes.apple.com/cn/app/huang-di-yi-tian-gu-gong-chu/id893942155?mt=8&ign-mpt=uo%3D4" target="_blank"> <img src="/upload/app_03.jpg"> <span>皇帝的一天</span> </a></li> <li class="left"><a href="https://itunes.apple.com/cn/app/yin-zhen-mei-ren-tu/id631295915?mt=8" target="_blank"> <img src="/upload/app_05.jpg"> <span>胤禛美人图<br>(iPad版)</span> </a></li> <li class="left"><a href="https://itunes.apple.com/cn/app/zi-jin-cheng-xiang-rui-gu/id836477582?mt=8" target="_blank"> <img src="/upload/app_07.jpg"> <span>紫禁城祥瑞<br>(iPad版)</span> </a></li> <li class="left"><a href="https://itunes.apple.com/cn/app/id1374792897?mt=8" target="_blank"> <img src="/upload/app-0001.jpg"> <span>紫禁城祥瑞Pro<br>(iPad版)</span> </a></li> <li class="left multiapp"><a href="javascript:;"> <img src="/upload/f9c0571b6977461b9dd411523ce192e9.jpeg"> <span>韩熙载夜宴图</span> </a> <div><i><em></em></i><span><a href="https://itunes.apple.com/cn/app/han-xi-zai-ye-yan-tu-gu-gong/id839438802?mt=8" target="_blank">苹果APP下载</a></span><span><a href="http://sj.qq.com/myapp/detail.htm?apkName=com.forbiddencity.hanxizaieveningbanquet" target="_blank">Android APP下载</a></span></div> </li> <li class="left"><a href="https://itunes.apple.com/cn/app/qing-dai-huang-di-fu-shi-gu/id844683451?mt=8" target="_blank"> <img src="/upload/8f7a2893f692474c92a4636c25fea7b2.png"> <span>清代皇帝服饰<br>(iPad版)</span> </a></li> <li class="left multiapp"><a href="javascript:;"> <img src="https://young.dpm.org.cn/upload/3942ab11afb14d5d9c7aa816633a4b11.jpg"> <span>故宫陶瓷馆</span> </a> <div><i><em></em></i><span><a href="https://apps.apple.com/cn/app/%E6%95%85%E5%AE%AB%E9%99%B6%E7%93%B7%E9%A6%86/id839437166" target="_blank">苹果APP下载</a></span><span><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.bu.taociguan.app&fromcase=40003" target="_blank">Android APP下载</a></span></div> </li> <li class="left multiapp"><a href="javascript:;"> <img src="http://young.dpm.org.cn/upload/389b3d505f3b4f228a1422489918c18e.jpg"> <span>每日故宫</span> </a> <div><i><em></em></i><span><a href="https://itunes.apple.com/cn/app/mei-ri-gu-gong/id943324650?ls=1&mt=8" target="_blank">苹果APP下载</a></span><span><a href="http://sj.qq.com/myapp/detail.htm?apkName=com.lkgood.thepalacemuseumdaily" target="_blank">Android APP下载</a></span></div> </li> <li class="left multiapp"><a href="javascript:;"> <img src="http://young.dpm.org.cn/upload/46c18f71e0ce4c179ff67adabb9baa1b.png"> <span>故宫展览</span> </a> <div><i><em></em></i><span><a href="https://itunes.apple.com/cn/app/gu-gong-zhan-lan/id1051633498?mt=8" target="_blank">苹果APP下载</a></span><span><a href="http://sj.qq.com/myapp/detail.htm?apkName=net.artron.gugong" target="_blank">Android APP下载</a></span></div> </li> <li class="left multiapp"><a href="javascript:;"> <img src="/upload/a7d7afbf1b7b46b7bc00d1611e96891d.jpg"> <span>紫禁城365</span> </a> <div><i><em></em></i><span><a href="https://apps.apple.com/app/id1435759076" target="_blank">苹果APP下载</a></span><span><a href="https://sj.qq.com/appdetail/com.forbidden.city.forbiddencity365" target="_blank">Android APP下载</a></span></div> </li> </ul> <div class="line2"><img src="/statics/images/gb/line2.jpg"></div> </div> </div> <div class="clearfix" style="padding-top:35px;"> <div class="left"><img src="/statics/images/gb/t2.png"></div> <div class="left"> <ul class="clearfix ulink"> <li class="left"> <a href="https://gugong1925.taobao.com/" class="clearfix" target="_blank"> <div class="left"><img src="/statics/images/gb/icon-1.png"></div> <span>故宫淘宝</span> </a> </li>  <li class="left"> <a href="https://ggcbs.tmall.com" class="clearfix" target="_blank"> <div class="left"><img src="/statics/images/gb/icon-3.png"></div> <span>故宫出版旗舰店</span> </a> </li> <li class="left"> <a href="https://palacemuseum.world.tmall.com/" class="clearfix" target="_blank"> <div class="left"><img src="/statics/images/gb/icon-4.png"></div> <span>故宫文创旗舰店</span> </a> </li> </ul> </div> </div> </div> <div class="right clearfix scan"> <div class="left"><img src="/statics/images/gb/t3.png"></div> <div class="code left"> <i class="c-1"></i> <i class="c-2"></i></div> <div class="weibo"> <img src="/statics/images/gb/weibo.png"></div> <div class="weixin"> <img src="/statics/images/gb/weixin.png"></div> <div class="left"><img src="/statics/images/gb/t4.png"></div> <div class="code left"><i class="c-3"></i></div> </div> </div> </div> </article> <div class="foottop"> <div class="bottombg"></div> </div> <div class="gamelayer box"> <div id="bgstoryboard"></div> <div class="start_box"></div> <div class="start_title"></div> <div class="start_sprite"></div> <div class="start_close" id="storyclosebtn"></div> <div class="start_autoplay" id="storyautoplaybtn"></div> <div class="helperbtn" id="helperbtn"></div> <div id="frontstoryboard"></div> </div> <div style="width:0px;height:0px;display:none;" id="route1bgsound"></div> <div style="display:none;" id="route2bgsound"></div> <div style="display:none;" id="route3bgsound"></div> <div class="masklayer totalPlayStop"></div> <div class="pop"> <a href="javascript:;" class="close totalPlayStop" title="关闭"></a> <div class="saudio paudio ajaxpaudio" data="0" title="朗读本段" style="right: 70px;top: 298px;display: none;"></div> <div class="popwraper"> <div class="ency"></div> <div class="encypic"></div> <div class="popcontent"> <h3></h3> <p></p> </div> <div class="more"><a href="/category/116" target="_blank">更多故宫小知识 ></a></div> </div> <script type="text/javascript"> $(function () { $.getJSON("/statics//data/ency.js", function (jdata) { $(".bell").click(function () { var cdt = jdata[Math.floor(Math.random() * (jdata.length))]; $(".pop .popwraper .encypic").html('<img src="/statics/images/v2/ency/' + cdt.bpic + '" />') $(".pop .popwraper h3").html(cdt.title) $(".pop .popwraper p").html(cdt.content); $(".masklayer").show(); $(".pop").fadeIn("false"); $(".pop .popcontent").jScrollPane(); $(".masklayer").one("click", function () { $(".pop").hide(); $(".masklayer").hide() }) }) }) }) </script> </div> <footer class="footer" style='position:relative;'> <div class="mainwrap"> <div class="cr"> <div class="footerhouse"></div> <div class="relink">故宫其他站点 <ul> <li><a href="http://www.dpm.org.cn/" target="_blank">中文</a></li> <li><a href="http://intl.dpm.org.cn/index.html?l=en" target="_blank">English</a></li> <li><a href="http://intl.dpm.org.cn/index.html?l=es" target="_blank">Español</a></li> <li><a href="http://intl.dpm.org.cn/index.html?l=ru" target="_blank">Русский язык </a></li> <li><a href="http://intl.dpm.org.cn/index.html?l=jp" target="_blank">日本語</a></li> <li><a href="http://intl.dpm.org.cn/index.html?l=fr" target="_blank">Français</a></li> <li><a href="https://www.dpm.org.cn/Events.html#hd1-3" target="_blank">故宫博物院教育中心</a></li> <li><a href="https://www.dpm.org.cn/gugongforum.html" target="_blank">故宫讲坛</a></li> <li><a href="https://digicol.dpm.org.cn/" target="_blank">数字文物库</a></li> <li><a href="https://www.dpm.org.cn/shuziduobaoge/html.html" target="_blank">数字多宝阁</a></li> <li><a href="https://pano.dpm.org.cn/gugong_pano/index.html" target="_blank">全景故宫</a></li> <li><a href="http://v.dpm.org.cn/" target="_blank">V故宫</a></li> </ul> </div> <div class="link"> · <a href="/article/1072" target="_blank">隐私政策</a> · <a href="/article/1073" target="_blank">联系我们</a> · <a href="/article/1074" target="_blank">版权声明</a> · </div> <div class="copyrights">© 2001-2024 故宫博物院 <a href='http://www.beian.miit.gov.cn' target='_blank' style='color:#d2615f'>京ICP备05067311号-1</a> 网站建设：<a href='mailto:tsingstone@163.com' style='color:#d2615f;text-decoration:underline'>清石信息</a>  </div> </div> </div> </footer> <div style='display:none;'></div>  <style type="text/css"> @font-face { font-family: "TIMES"; src: url("/statics/images/v4/calendar/css/TIMES.TTF") format("truetype"); font-weight: normal; font-style: normal; } a.promotion-date { display: block; background: url(/statics/images/v4/calendar2025/images/img91.png) center no-repeat; width: 91px; height: 140px; text-align: center; color: #fff; font-size: 14px; padding-top: 40px; box-sizing: border-box; font-family: 'TIMES'; } .promotion-date:hover { color: #ffff00; } .promotion-date span { font-size: 36px; } .promotion-date b { display: block; position: absolute; right: 33px; top: -24px; font-size: 15px; background: rgba(0, 0, 0, 0.3); color: #fff; font-weight: normal; width: 22px; height: 22px; border-radius: 50%; text-align: center; line-height: 22px; } </style> <div id="rightscrollnav"> <a href="/category/352" class="promotion-date"> <b>×</b> <span>24</span> <div>2025/02</div> </a> <ul> <li class="returntop"></li> <li class="focusus" title="关注我们"> <div><i><em></em></i><span class="weixin">官方微博</span><span class="weibo">官方微信</span></div> </li> <li class="share" title="分享"></li> </ul> </div> <script type="text/javascript" charset="utf-8"> $(function () { var script = document.createElement("script"); script.type = "text/javascript"; script.src = "/statics//js/buttonLite.js#uuid=&style=-1"; document.body.appendChild(script); }) </script>  <style> .pos-mark-union { color: #a7190d; border: 1px solid #a7190d; border-radius: 30px; padding: 10px 0px; background: #fff; text-align: center; font-size: 17px; line-height: 20px; font-family: 'SimSun'; } .pos-content-bg { width: 765px; height: 100%; min-height: 926px; background-image: url('/statics/asserts/pos/bg_bottom.png'); background-position: left bottom; background-color: #fff; background-repeat: no-repeat; background-size: 100% auto; padding: 58px 58px 58px 58px; box-sizing: border-box; position: absolute; right: 0; top: 0; transform-origin: right top; border-left: 1px solid #f3d8b4; } .pos-content-bg .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: transparent; box-shadow: none; } .pos-content-bg .leaflet-popup-content { width: auto !important; line-height: 30px; margin: 0; } .pos-content-bg .pos-content-image { width: 645px; height: 394px; margin: 0px auto; } .pos-content-bg .pos-content-image img { width: 645px; height: 394px; object-fit: cover; } .pos-content-bg .pos-content-title { font-size: 30px; color: #a51105; padding: 36px 0 22px 0; font-family: 'Microsoft Yahei'; font-weight: bold; } .pos-content-bg .pos-content-desc { font-size: 18px; color: #6e6e6e; line-height: 30px; height: 214px; white-space: pre-line; overflow: hidden; } .pos-content-bg .pos-content-descxx::-webkit-scrollbar-track { background-color: #f0e5cc; } .pos-content-bg .pos-content-descxx::-webkit-scrollbar-thumb { background-color: #be901f; } .pos-content-bg .pos-content-desc .jspVerticalBar { background: #f0e5cc; } .pos-content-bg .pos-content-desc .jspVerticalBar .jspTrack { background: #f0e5cc; } .pos-content-bg .pos-content-desc .jspVerticalBar .jspDrag { background: #be901f; } .pos-content-bg .pos-content-links { text-align: center; position: absolute; width: 730px; bottom: 60px; } .pos-content-bg .pos-content-links a { padding: 0 14px; } .pos-content-cloud { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url('/statics/asserts/pos/cloud.png'); background-size: cover; background-position: center center; opacity: 0; transition: opacity 1s; } .pos-content-new { display: none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 9; } .pos-content-triangle { width: 36px; height: 36px; border: 1px solid #f3d8b4; border-right: none; border-bottom: none; transform: rotate(-45deg); position: absolute; right: 746px; top: 50vh; background: #fff; } .pos-mark-museum { padding-top: 40px; margin-top: -40px; } .pos-mark-museum .ex_name { border: 1px solid #9b5b19; border-radius: 30px; color: #5d450a; background: #fff; white-space: nowrap; width: fit-content; display: block; padding: 3px 14px; font-size: 18px; font-family: '宋体', 'STSong', 'SimSun'; transform: translateX(-50%); left: 50%; margin-top: -5px; position: relative; } .pos-mark-museum .ex_name:before { content: ""; position: absolute; bottom: -13px; left: 50%; translate: -50%; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #9b5b19; } .pos-mark-museum .ex_name:after { content: ""; position: absolute; bottom: -12px; left: 50%; translate: -50%; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #fff; } .pos-mark-museum-tip { color: #a7190d; border: 1px solid #a7190d; border-radius: 30px; padding: 0px 14px; background: #fff; text-align: center; font-size: 17px; line-height: 30px; font-family: 'SimSun'; white-space: nowrap; margin-bottom: 10px; display: block; position: absolute; top: -6px; left: 50%; translate: -50%; display: none; } .pos-mark-museum-tip:before { content: ""; position: absolute; bottom: -13px; left: 50%; translate: -50%; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #a7190d; } .pos-mark-museum-tip:after { content: ""; position: absolute; bottom: -12px; left: 50%; translate: -50%; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #fff; } a.pos-mark-museum-tip { color: #a7190d !important; } .pos-mark-museum:hover .pos-mark-museum-tip { display: block; } .pos-mark-museum img { width: 100%; position: relative; z-index: 1; } .ex-popup-box { width: 484px; height: 328px; position: absolute; left: -218px; top: -295px; background: url("/template/1/pc/_files/images/ex-popup-bg.png") center center; box-sizing: border-box; padding: 80px; display: none; } .ex-popup-title { font-size: 22px; line-height: 30px; font-family: 'Microsoft Yahei'; margin-bottom: 12px; font-weight: bold; } .ex-popup-location, .ex-popup-time { font-size: 16px; line-height: 26px; color: #826e00; } .ex-popup-goto { position: absolute; left: 50%; bottom: 0; width: 144px; height: 93px; background: url(/template/1/pc/_files/images/icon-to-ex.png) center center; margin-left: -72px; cursor: pointer; } .ex-popup-close { width: 15px; height: 15px; background: url(/template/1/pc/_files/images/x.png) center center; position: absolute; right: 52px; top: 52px; z-index: 10; } .index-map-btns { background: rgba(255, 255, 255, 0.3); } </style> <script type="text/javascript"> var southWest = L.latLng(60.12443624549497, -176.4404296875), northEast = L.latLng(89.98513089342998, -9.580078125), bounds = L.latLngBounds(southWest, northEast); var markers; var map = L.map('mapcontainer', { scrollWheelZoom: false, zoomControl: false, attributionControl: false, worldCopyJump: true, maxBounds: bounds }).setView([76.5, -135], 5); $(".zoomin").click(function () { map.zoomIn(); }); $(".zoomout").click(function () { map.zoomOut(); }); L.tileLayer('/statics/mapv2/lv{z}/{y},{x}.jpg', { maxZoom: 6, minZoom: 3, tileSize: 256, continuousWorld: true }).addTo(map); map.on("click", function (e) { console && console.log(e.latlng); }); // 是否启用新版本 function isNewVersion() { return window.location.href.indexOf('new') > -1 } if (isNewVersion()) { // 隐藏旧版内容，展示新版内容 $(".old-version").hide(); $(".new-version").show(); // 加载新的点位信息 var markerMapping = {} for (var i = 3; i < 7; i++) { markerMapping[i] = [] } // cache，when click at position, cache pos layer, reset pos layer when click the cloud let cachedPosLayer = null; $.get("/info/995", function (data) { if (typeof data === 'string') { data = JSON.parse(data) } var exMarker = [] var exGroup = null; var pureExMarkers = []; var pureExGroup = null; if (data && data.exList && data.exList.length) { for (var i = 0; i < data.exList.length; i++) { var item = data.exList[i]; (function (item) { var pos = item.position; const parts = pos.split(','); if (parts && parts.length === 2) { var loca = { lat: parseFloat(parts[0]), lng: parseFloat(parts[1]) }; console && console.log(loca); var pic = "/statics/images/museum.png"; var cls = 'museumbg'; if (item.type == 2) { pic = "/statics/images/exhibition.png"; cls = 'exbg'; } var tipText = item.link ? '<a class="pos-mark-museum-tip" target="_blank" href="' + item.link + '">' + item.name + '</a>' : '<span class="pos-mark-museum-tip">' + item.name + '</span>'; var tipIcon = item.node === 130 ? '<div><img src="/statics/images/zhan.png"/><div class="ex_name">' + (item.keyword || item.name) + '</div></div>' : '<img src="' + item.icon + '"/>' var marker = L.marker(loca, { icon: L.divIcon({ zIndexOffset: 1001, //iconSize: [38, 95], iconSize: [52, 72], iconAnchor: [38, 108], popupAnchor: [-3, -76], //shadowSize: [68, 95], //shadowAnchor: [22, 94], className: 'pos-mark-museum', html: '<div class="pos-mark-museum"><div>' + tipText + '<div class="ex-popup-box"><div class="ex-popup-close"></div><div class="ex-popup-container"></div><div class="ex-popup-goto"></div></div>' + tipIcon + '</div></div>' }) }); // 882 926 marker.on("click", function () { if (item.node === 258) { return } $(marker._icon).find('.ex-popup-container').html( '<div class="ex-popup-title">' + item.name + '</div>' + '<div class="ex-popup-location">展览地点: ' + item.location + '</div>' + '<div class="ex-popup-time">展览时间: ' + item.start_time + ' - ' + item.end_time + '</div>' ) $(marker._icon).find('.ex-popup-box').show() $(marker._icon).find('.ex-popup-goto').off('click').on('click', function () { let link = item.link_exhibition || item.link_360 if (link) { window.open(link) } }) $(marker._icon).find('.ex-popup-close').off('click').on('click', function (e) { $(marker._icon).find('.ex-popup-box').hide() e.stopPropagation(); return; }) return; $('#pos-content-new-container') .html( '<div class="pos-content-box">' + (item.largeImage ? '<div class="pos-content-image">' + '<img src="' + item.largeImage + '"/>' + '</div>' : '') + '<div class="pos-content-title">' + item.name + '</div>' + '<div class="pos-content-desc">' + item.content + '</div>' + '<div class="pos-content-links">' + (item.link_detail ? ('<a target="_blank" href="' + item.link_detail + '">' + '<img src="/statics/asserts/pos/kanxiangqing.png"/>' + '</a>') : '') + (item.link_360 ? ('<a target="_blank" href="' + item.link_360 + '">' + '<img src="/statics/asserts/pos/360.png"/>' + '</a>') : '') + (item.link_exhibition ? ('<a target="_blank" href="' + item.link_exhibition + '">' + '<img src="/statics/asserts/pos/kanzhanlan.png"/>' + '</a>') : '') + (item.link_media ? ('<a target="_blank" href="' + item.link_media + '">' + '<img src="/statics/asserts/pos/yinshipin.png"/>' + '</a>') : '') + (item.link_game ? ('<a target="_blank" href="' + item.link_game + '">' + '<img src="/statics/asserts/pos/wanyouxi.png"/>' + '</a>') : '') + '</div>' + '</div><div class="pos-content-triangle"></div>'); const containerHeight = $('#mapcontainer').height() const containerWidth = $('#mapcontainer').width() // 设置高度，原始高度是926 const scale = containerHeight / 926 $('#pos-content-new-container').css({ 'transform': 'scale(' + (scale > 1 ? 1 : scale) + ')' }); // 设置中心点 const center = new L.LatLng(loca.lat, loca.lng); const centerPixel = map.project(center); // 云洞的中心点在833 417，宽高是 1920 * 933 // 中心点右移160像素，注意这里要做下坐标和像素之间的转换 centerPixel.x += (1920 / 2 - 833) * containerWidth / 1920; centerPixel.y += (933 / 2 - 417) * containerHeight / 933; const centerToLeft = map.unproject(centerPixel); map.setView([centerToLeft.lat, centerToLeft.lng], 5, { reset: false, animate: true, pan: { duration: 1 } }); $(".pos-content-new").show(); setTimeout(function () { $('.pos-content-cloud').css('opacity', 1) }, 0) }); marker.node = item.node; if (marker.node === 130 || marker.node === 160 || marker.node === 161) { pureExMarkers.push(marker); } else { exMarker.push(marker); } } })(item); } exGroup = L.layerGroup(exMarker); exGroup.addTo(map); pureExGroup = L.layerGroup(pureExMarkers) // map.removeLayer(pureExGroup) let filterMode = false; function markerChange() { var filterMakers = []; if (!filterMode) { map.removeLayer(exGroup) exGroup = L.layerGroup(exMarker); exGroup.addTo(map); return; } if (!$(".iconfilter li").eq(0).hasClass('unselect')) { filterMakers = filterMakers.concat(exMarker.filter(function (item) { return item.node === 130 })) } if (!$(".iconfilter li").eq(1).hasClass('unselect')) { filterMakers = filterMakers.concat(exMarker.filter(function (item) { return item.node === 160 })) } if (!$(".iconfilter li").eq(2).hasClass('unselect')) { filterMakers = filterMakers.concat(exMarker.filter(function (item) { return item.node === 161 })) } if (!$(".iconfilter li").eq(3).hasClass('unselect')) { filterMakers = filterMakers.concat(exMarker.filter(function (item) { return item.node === 258 })) } map.removeLayer(exGroup) exGroup = L.layerGroup(filterMakers); exGroup.addTo(map); } markerChange(); $(".iconfilter li").on('click', function () { if ($(this).hasClass('unselect')) { $(this).removeClass('unselect'); } else { $(this).addClass('unselect'); } markerChange(); }) $(".iconfilter .filter").on('click', function () { filterMode = !filterMode; markerChange(); }) } if (data && data.positionList && data.positionList.length) { var posmarkers = null; var onlyMarkers = null; for (var i = 0; i < data.positionList.length; i++) { var item = data.positionList[i]; if (item.hidden) { continue; } (function (item) { var pos = item.position; const parts = pos.split(','); if (parts && parts.length === 2) { var loca = { lat: parseFloat(parts[0]), lng: parseFloat(parts[1]) }; console && console.log(loca); var pic = "/statics/images/museum.png"; var cls = 'museumbg'; if (item.type == 2) { pic = "/statics/images/exhibition.png"; cls = 'exbg'; } var marker = L.marker(loca, { icon: L.divIcon({ zIndexOffset: 1001, //iconSize: [38, 95], iconSize: [30, (item.name || ' ').length * 20], iconAnchor: [30, parseInt((item.name || ' ').length * 20)], popupAnchor: [-3, -76], //shadowSize: [68, 95], //shadowAnchor: [22, 94], className: 'pos-mark-union', html: '<div class="pos-mark-content">' + item.name + '</div>' }) }); // 882 926 marker.on("click", function () { // 处理弹窗 $('#pos-content-new-container') .html( '<div class="pos-content-box">' + (item.largeImage ? '<div class="pos-content-image">' + '<img src="' + item.largeImage + '"/>' + '</div>' : '') + '<div class="pos-content-title">' + item.name + '</div>' + '<div class="pos-content-desc"><div>' + item.detail + '</div></div>' + '<div class="pos-content-links">' + // (item.link_detail ? ('<a target="_blank" href="'+item.link_detail+'">' + // '<img src="/statics/asserts/pos/kanxiangqing.png"/>' + // '</a>') : '') + (item.link_360 ? ('<a target="_blank" href="' + item.link_360 + '">' + '<img src="/statics/asserts/pos/360.png"/>' + '</a>') : '') + (item.link_exhibition ? ('<a target="_blank" href="' + item.link_exhibition + '">' + '<img src="/statics/asserts/pos/kanzhanlan.png"/>' + '</a>') : '') + (item.link_media ? ('<a target="_blank" href="' + item.link_media + '">' + '<img src="/statics/asserts/pos/yinshipin.png"/>' + '</a>') : '') + (item.link_game ? ('<a target="_blank" href="' + item.link_game + '">' + '<img src="/statics/asserts/pos/wanyouxi.png"/>' + '</a>') : '') + (item.link_album ? ('<a target="_blank" href="' + item.link_album + '">' + '<img src="/statics/asserts/pos/album.png"/>' + '</a>') : '') + '</div>' + '</div><div class="pos-content-triangle"></div>'); const containerHeight = $('#mapcontainer').height() const containerWidth = $('#mapcontainer').width() // 设置高度，原始高度是926 const scale = containerHeight / 926 $('#pos-content-new-container').css({ 'transform': 'scale(' + (scale > 1 ? 1 : scale) + ')' }); // 设置中心点 const center = new L.LatLng(loca.lat, loca.lng); const centerPixel = map.project(center); // 云洞的中心点在833 417，宽高是 1920 * 933 // 中心点右移160像素，注意这里要做下坐标和像素之间的转换 centerPixel.x += (1920 / 2 - 833) * containerWidth / 1920; centerPixel.y += (933 / 2 - 417) * containerHeight / 933; const centerToLeft = map.unproject(centerPixel); map.setView([centerToLeft.lat, centerToLeft.lng], 5, { reset: false, animate: true, pan: { duration: 1 } }); $(".pos-content-new").show(); setTimeout(function () { $('.pos-content-cloud').css('opacity', 1); $(".pos-content-desc").css({ 'height': ($('.pos-content-bg').height() - 593) + 'px' }) }, 0) setTimeout(function () { $(".pos-content-new .pos-content-desc").jScrollPane(); // 美化滚动条 }, 500) // cachedPosLayer = posmarkers; map.removeLayer(posmarkers) onlyMarkers = L.layerGroup([marker]); onlyMarkers.addTo(map); }); for (var i = 6 - item.lvl; i <= 6; i++) { markerMapping[i].push(marker); } } })(item); } posmarkers = L.layerGroup(markerMapping[3]); posmarkers.addTo(map); var exFilter = false; map.on('zoomend', function () { if (exFilter) { return; } map.removeLayer(posmarkers) posmarkers = L.layerGroup(markerMapping[map.getZoom()]); posmarkers.addTo(map); }) // 新版pc展览开关 $(".icon-filter-exhibition").on('click', function () { if ($(this).hasClass('on')) { $(this).removeClass('on').addClass('off'); // 展示其他点位 map.addLayer(posmarkers) map.addLayer(exGroup) map.removeLayer(pureExGroup) exFilter = false; } else { $(this).removeClass('off').addClass('on'); // 隐藏其他点位，只展示展览 map.removeLayer(posmarkers); map.removeLayer(exGroup) map.addLayer(pureExGroup) exFilter = true; } }) } // 云朵点击的时候隐藏 $(".pos-content-cloud").on('click', function () { $(".pos-content-new").hide(); $('.pos-content-cloud').css('opacity', 0) // reset pos marker map.removeLayer(onlyMarkers); posmarkers.addTo(map) }) }) } //跳到指定位置点 /*setTimeout(function(){ try{ var posstr=window.location.href.substring(window.location.href.lastIndexOf('#')).replace('#pos_',''); var loc=eval('('+posstr+')'); map.setView([loc.lat,loc.lng],5,{reset:false,animate:true,pan:{duration:2}}); }catch(e){ console.log(e) } },800)*/ //$.post("//young.dpm.org.cn/json/exhibitions",function(data){ if (!isNewVersion()) { $.post("/node/256", function (data) { if (typeof data === 'string') { data = JSON.parse(data) } if (data && data.length) { var markergroup = []; for (var i = 0; i < data.length; i++) { var item = data[i]; (function (item) { var pos = item.position; var pic = "/statics/images/museum.png"; var cls = 'museumbg'; if (item.type == 2) { pic = "/statics/images/exhibition.png"; cls = 'exbg'; } var loca = { lat: item.position[0], lng: item.position[1] }; console && console.log(loca); var marker = L.marker(loca, { icon: L.divIcon({ zIndexOffset: 1001, //iconSize: [38, 95], iconSize: [100, 202], iconAnchor: [22, 202], popupAnchor: [-3, -76], shadowSize: [68, 95], shadowAnchor: [22, 94], className: 'animatemarkerwrap', html: '<div class="animatemarker"><img src="' + pic + '"/></div>' }) }); marker.on("click", function () { var popup = L.popup({ className: cls, closeButton: false, offset: [280, -120] }) .setLatLng(loca) .setContent('<div class="markerwrapper"><div class="markertitle">' + item.title + '</div><pre class="markercontent">' + item.content + '</pre><div class="markerlink"><a target="_blank" href="' + item.link + '">查看详情></a></div></div>') .openOn(map); }); markergroup.push(marker); })(item); } markers = L.layerGroup(markergroup); markers.addTo(map); } }) //$.post("//young.dpm.org.cn/json/positions",function(data){ $.post("/node/255", function (data) { if (typeof data === 'string') { data = JSON.parse(data) } if (data && data.length) { for (var i = 0; i < data.length; i++) { var item = data[i]; (function (item) { var pos = item.poslocation; var pic = item.pospic; var loca = { lat: pos[0], lng: pos[1] }; console && console.log(loca); var locapop = L.marker(loca, { zIndexOffset: 999, icon: L.icon({ iconUrl: pic, iconRetinaUrl: pic, iconSize: [38, 95], iconAnchor: [22, 94], popupAnchor: [-3, -76], shadowSize: [68, 95], shadowAnchor: [22, 94] }) }); locapop.addTo(map); locapop.on("click", function () { $(".popuptitle").html(item.posname); $(".popupdesc").html(item.posdesc); $(".popupimg").css("background", "url(" + item.posimage + ") no-repeat"); $(".popuplink").attr("href", item.poslink); $(".masklayer").fadeIn(); $(".popupbox").fadeIn(); }); })(item); } } }) } </script> <script type="text/javascript"> function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return (false); } $(function () { const dom = $('.index-map-btns'); dom.find('li').eq(0).find('a').click(function () { dom.fadeOut(300); //$(".mapmain").click(function(){ if (navigator.userAgent.match(/(iPad|iPhone|iPod|Android|ios)/i)) { $("#mapcontainer").css({ "height": $(window).innerHeight() / 2 }); $("html,body").animate({ scrollTop: $(".maptop").offset().top - 100 }, 500); } else { $("#mapcontainer").css({ "height": $(window).innerHeight() }); $("html,body").animate({ scrollTop: $(".maptop").offset().top }, 500); } //$(".mapguide").fadeIn(); map.invalidateSize(true); //map&&map .reinitialise(); return false; }) dom.find('li').eq(1).find('a').click(function () { dom.fadeOut(300); Story.start(); return false; }) var q = getQueryVariable("i"); if (q == "routeopen") { Story.start(); } $(window).bind("resize", function () { $(".popmap").css({ "margin-top": -$(".popmap").outerHeight() / 2, "margin-left": -$(".popmap").outerWidth() / 2 }); }) $(".mapswitch .guide_1").toggle(function () { if (markers) map.removeLayer(markers); $(this).toggleClass("off"); }, function () { if (markers) markers.addTo(map); $(this).toggleClass("off"); }); $('.gamelayer li[title]').live('mouseenter', function (event) { $(this).qtip({ overwrite: false, // Don't overwrite tooltips already bound show: { event: event.type, // Use the same event type as above ready: true // Show immediately - important! }, position: { my: 'center left', at: 'center right' }, style: { classes: 'qtip-tipsy' } }); }); /*** 统计 ***/ $(".header nav li a").click(function () { aplus_queue.push({ 'action': 'aplus.record', 'arguments': ['Um_Event_MenuClick', 'CLK', { Um_Key_ButtonName: $(this).text(), page_name: "ggqs_HomePage" //您当前页面的自定义页面编码 }] }); }) $(".focusarea a").click(function () { aplus_queue.push({ 'action': 'aplus.record', 'arguments': ['Um_Event_HPFocusClick', 'CLK', { Um_Key_FocusName: $(this).find("img").attr("alt"), page_name: "ggqs_HomePage" //您当前页面的自定义页面编码 }] }); }) $(".promotearea a").click(function () { aplus_queue.push({ 'action': 'aplus.record', 'arguments': ['Um_Event_HPInfoClick', 'CLK', { Um_Key_InfoTitle: $(this).text(), page_name: "ggqs_HomePage" //您当前页面的自定义页面编码 }] }); }) $(".soundwrap a").click(function () { aplus_queue.push({ 'action': 'aplus.record', 'arguments': ['Um_Event_HPSpecialClick', 'CLK', { Um_Key_SpecialName: $(this).find("h3").text(), page_name: "ggqs_HomePage" //您当前页面的自定义页面编码 }] }); }) $(".appdown a").click(function () { aplus_queue.push({ 'action': 'aplus.record', 'arguments': ['Um_Event_HPAppDownloadClick', 'CLK', { Um_Key_AppName: $(this).find("span").text(), page_name: "ggqs_HomePage" //您当前页面的自定义页面编码 }] }); }) $(".ulink a").click(function () { aplus_queue.push({ 'action': 'aplus.record', 'arguments': ['Um_Event_HPCreativeClick', 'CLK', { Um_Key_CreativeName: $(this).find("span").text(), page_name: "ggqs_HomePage" //您当前页面的自定义页面编码 }] }); }) /// $(".index-1 a").click(function () { aplus_queue.push({ 'action': 'aplus.record', 'arguments': ['home_column_clk', 'CLK', { button_name: $(this).find(".name").text(), page_name: "ggqs_HomePage" //您当前页面的自定义页面编码 }] }); }) $(".index-3 .list li a").live("click", function () { aplus_queue.push({ 'action': 'aplus.record', 'arguments': ['home_video_clk', 'CLK', { button_name: $(this).find(".name").text(), page_name: "ggqs_HomePage" //您当前页面的自定义页面编码 }] }); }) $(".index-2 .list a").click(function () { aplus_queue.push({ 'action': 'aplus.record', 'arguments': ['home_culture_create_clk', 'CLK', { button_name: $(this).find(".name").text(), page_name: "ggqs_HomePage" //您当前页面的自定义页面编码 }] }); }) $(".index-map-btns a").click(function () { aplus_queue.push({ 'action': 'aplus.record', 'arguments': ['home_map_clk', 'CLK', { button_name: $(this).find(".name").text(), page_name: "ggqs_HomePage" //您当前页面的自定义页面编码 }] }); }) $("#rightscrollnav .promotion_1").click(function () { aplus_queue.push({ 'action': 'aplus.record', 'arguments': ['Um_Event_HPBuoyClick', 'CLK', { Um_Key_BuoyName: "故宫日历", page_name: "ggqs_HomePage" //您当前页面的自定义页面编码 }] }); }) }) </script> <div class='popupbox'> <div class='popuptitle'>坤宁宫</div> <div class='popupdesc'>坤宁宫规模略小于乾清宫，但体制相同。<br> “坤宁”是坤地宁定的意思。<br /> 坤宁宫是明代皇后的寝宫，清代主要作为宫内萨满教祭神的场所和皇帝大婚的洞房。在这里举行大婚的皇帝有康熙、同治、光绪和溥仪。<br /> 清初，坤宁宫按照满族习俗进行了改建，仿照的是沈阳（清代叫盛京）清宁宫的形制。改建后的坤宁宫形制富于满洲文化特色：正门不居中而偏东侧，隔扇门改为木板门，窗户改为吊搭窗，沿北西南三面设万字炕，俗称“口袋居”，西侧室内增添了大炕和煮肉大锅，作为崇奉萨满教的祭祀场所。 </div> <div class='popupimg'> <div class='popupinnerimg'></div> <div class='popupmask'></div> </div> <a href='#' class='popuplink' target="_blank"></a> <div class="popupclose"></div> </div> <script> $(function () { $(".popupclose").click(function () { $(".masklayer").fadeOut(); $(".popupbox").fadeOut(); }); }) </script> <style> .popupbox { width: 1200px; height: 700px; position: fixed; left: 50%; top: 50%; margin-left: -610px; margin-top: -350px; background: url(/statics/images/popupbg.png) no-repeat; z-index: 9999; display: none; } .popuptitle { color: #da0000; font-size: 30px; position: absolute; left: 120px; top: 150px; font-size: 36px; font-weight: bold; font-family: 'Microsoft Yahei' } .popupdesc { position: absolute; left: 120px; top: 197px; font-size: 14px; width: 500px; font-family: 'Microsoft Yahei'; line-height: 23px; white-space: pre-line; *white-space: pre; *word-wrap: break-word; } .popupimg { background: url(/statics/images/popupimg.png) no-repeat; width: 400px; height: 410px; left: 693px; top: 130px; position: relative; } .popuplink { position: absolute; left: 120px; top: 560px; height: 36px; width: 36px; display: inline-block; background: url(/statics/images/icon.png) no-repeat 0 -173px; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .popuplink:hover { background-position: 0 -209px; } .popupclose { width: 60px; background: url(/statics/images/popupclose.png) no-repeat; position: absolute; cursor: pointer; right: 65px; top: -5px; height: 70px; } </style><script> var resources=[ "/statics/images/actor1_04.png", "/statics/images/actor1_06.png", "/statics/images/actor1_08.png", "/statics/images/actor1_13.png", "/statics/images/actor1_14.png", "/statics/images/actor1_15.png", "/statics/images/actor_04.png", "/statics/images/actor_06.png", "/statics/images/actor_08.png", "/statics/images/actor_13.png", "/statics/images/actor_14.png", "/statics/images/actor_15.png", "/statics/images/advanture_01.jpg", "/statics/images/advanture_03.jpg", "/statics/images/advanture_03_bg.jpg", "/statics/images/advanture_28.png", "/statics/images/advanture_32.png", "/statics/images/advanture_35.png", "/statics/images/advanture_39.png", "/statics/images/advanturegame_42.jpg", "/statics/images/advanturegame_42_1.jpg", "/statics/images/advanturegame_42_2.jpg", "/statics/images/advanturegame_42_3.jpg", "/statics/images/advanturegame_42_4.jpg", "/statics/images/advanturegame_42_5.jpg", "/statics/images/advtitle_03.png", "/statics/images/app_03.jpg", "/statics/images/app_05.jpg", "/statics/images/app_07.jpg", "/statics/images/app_09.jpg", "/statics/images/bell.png", "/statics/images/bottom.png", "/statics/images/bottom1.png", "/statics/images/bottombg1.jpg", "/statics/images/bottombg2.jpg", "/statics/images/bottomhouse.png", "/statics/images/bottomlogo_09.png", "/statics/images/cloud.png", "/statics/images/commpage_01.jpg", "/statics/images/commpage_02.jpg", "/statics/images/commpage_03.jpg", "/statics/images/empire.png", "/statics/images/empire01.png", "/statics/images/empire02.png", "/statics/images/empire03.png", "/statics/images/empire04.png", "/statics/images/empire05.png", "/statics/images/empire06.png", "/statics/images/empire07.png", "/statics/images/empire08.png", "/statics/images/empire09.png", "/statics/images/empire10.png", "/statics/images/empire11.png", "/statics/images/empire12.png", "/statics/images/empire13.png", "/statics/images/empire14.png", "/statics/images/empire15.png", "/statics/images/empire16.png", "/statics/images/empire17.png", "/statics/images/empire18.png", "/statics/images/empire19.png", "/statics/images/empire20.png", "/statics/images/empire21.png", "/statics/images/empire22.png", "/statics/images/empire23.png", "/statics/images/empire24.png", "/statics/images/empire25.png", "/statics/images/empire26.png", "/statics/images/empirebg.jpg", "/statics/images/empirelistbg.png", "/statics/images/empirelistbg1.png", "/statics/images/empirescroll.png", "/statics/images/empirescrollicon.png", "/statics/images/focusimg_07.jpg", "/statics/images/focusimgbg.jpg", "/statics/images/holiday.png", "/statics/images/holiday1.png", "/statics/images/holiday2.png", "/statics/images/holiday3.png", "/statics/images/holiday4.png", "/statics/images/holiday5.png", "/statics/images/holiday_03.png", "/statics/images/icon.png", "/statics/images/indexbg.png", "/statics/images/lifetitle_07.png", "/statics/images/lifetitle_09.png", "/statics/images/lifetitle_11.png", "/statics/images/lifetitle_13.png", "/statics/images/lifetitle_15.png", "/statics/images/lifetitlebg.png", "/statics/images/lifetitleman.png", "/statics/images/line.png", "/statics/images/line_04.png", "/statics/images/location_01.png", "/statics/images/location_02.png", "/statics/images/location_03.png", "/statics/images/location_04.png", "/statics/images/location_05.png", "/statics/images/location_06.png", "/statics/images/location_07.png", "/statics/images/location_08.png", "/statics/images/location_09.png", "/statics/images/location_10.png", "/statics/images/location_11.png", "/statics/images/location_12.png", "/statics/images/location_13.png", "/statics/images/location_14.png", "/statics/images/location_15.png", "/statics/images/logo.png", "/statics/images/map.jpg", "/statics/images/mapicon.png", "/statics/images/maptip.png", "/statics/images/measurebg.png", "/statics/images/measurebg_06.png", "/statics/images/newstbg_01.jpg", "/statics/images/newstbg_03.jpg", "/statics/images/newstbg_03.png", "/statics/images/newstbg_05.jpg", "/statics/images/newstbg_06.jpg", "/statics/images/oicon.png", "/statics/images/penbg.jpg", "/statics/images/penbg.png", "/statics/images/pop.png", "/statics/images/popupbg.png", "/statics/images/popupclose.png", "/statics/images/popupimg.png", "/statics/images/popuplink.png", "/statics/images/promotebg.png", "/statics/images/reddot.png", "/statics/images/route1/scene1/1_1.png", "/statics/images/route1/scene1/1_2.png", "/statics/images/route1/scene1/1_2tear.png", "/statics/images/route1/scene1/1_3.png", "/statics/images/route1/scene1/1_4.png", "/statics/images/route1/scene1/2.png", "/statics/images/route1/scene1/2_1.png", "/statics/images/route1/scene1/2_2.png", "/statics/images/route1/scene1/2_3.png", "/statics/images/route1/scene1/2_4.png", "/statics/images/route1/scene1/2_5.png", "/statics/images/route1/scene1/bg.jpg", "/statics/images/route1/scene1/popup2_bg.png", "/statics/images/route1/scene1/popup3_bg.png", "/statics/images/route1/scene1/popup4_bg.png", "/statics/images/route1/scene10/bg.jpg", "/statics/images/route1/scene10/cloud1.png", "/statics/images/route1/scene10/cloud2.png", "/statics/images/route1/scene10/ren.png", "/statics/images/route1/scene10/scene10_popup1.png", "/statics/images/route1/scene10/scene10_popup2.png", "/statics/images/route1/scene10/sky.jpg", "/statics/images/route1/scene10/skycloud.png", "/statics/images/route1/scene11/1_1.png", "/statics/images/route1/scene11/1_2.png", "/statics/images/route1/scene11/2_1.png", "/statics/images/route1/scene11/bg_top.jpg", "/statics/images/route1/scene11/question.png", "/statics/images/route1/scene11/scene11_popup1.png", "/statics/images/route1/scene11/scene11_popup2.png", "/statics/images/route1/scene11/scene11_popup3.png", "/statics/images/route1/scene11/stone.png", "/statics/images/route1/scene12/1.png", "/statics/images/route1/scene12/2.png", "/statics/images/route1/scene12/bg.jpg", "/statics/images/route1/scene12/scene12_popup1.png", "/statics/images/route1/scene12/scene12_popup2.png", "/statics/images/route1/scene13/bg.jpg", "/statics/images/route1/scene13/scene13_popup1.png", "/statics/images/route1/scene13/scene13_popup2.png", "/statics/images/route1/scene14/bg.jpg", "/statics/images/route1/scene14/bg.png", "/statics/images/route1/scene14/scene14_popup1.png", "/statics/images/route1/scene14/scene14_popup2.png", "/statics/images/route1/scene14/sprite11.png", "/statics/images/route1/scene14/sprite12.png", "/statics/images/route1/scene16/bg.jpg", "/statics/images/route1/scene16/scene16_popup1.png", "/statics/images/route1/scene17/1.gif", "/statics/images/route1/scene17/2.png", "/statics/images/route1/scene17/4.png", "/statics/images/route1/scene17/bg.jpg", "/statics/images/route1/scene17/scene17_popup1.png", "/statics/images/route1/scene17/scene17_popup2.png", "/statics/images/route1/scene19/bg.png", "/statics/images/route1/scene19/scene19_popup1.png", "/statics/images/route1/scene19/sprite.png", "/statics/images/route1/scene19/tears.png", "/statics/images/route1/scene2/bg.png", "/statics/images/route1/scene2/popup1.png", "/statics/images/route1/scene2/popup3.png", "/statics/images/route1/scene2/renwu.png", "/statics/images/route1/scene2/scene1_2_bg.jpg", "/statics/images/route1/scene2/shot2_left.jpg", "/statics/images/route1/scene2/shot2_right1.png", "/statics/images/route1/scene2/shot2_right2.png", "/statics/images/route1/scene20/bg.jpg", "/statics/images/route1/scene20/scene20_popup1.png", "/statics/images/route1/scene20/scene20_popup2.png", "/statics/images/route1/scene20/shot1_character.png", "/statics/images/route1/scene20/shot1_character2.png", "/statics/images/route1/scene20/shot1_character_1.png", "/statics/images/route1/scene20/shot1_character_1_1.png", "/statics/images/route1/scene21/bg2.jpg", "/statics/images/route1/scene21/bg3.jpg", "/statics/images/route1/scene21/scene21_popup1.png", "/statics/images/route1/scene21/shot3.jpg", "/statics/images/route1/scene22/bg.jpg", "/statics/images/route1/scene22/bg2.jpg", "/statics/images/route1/scene22/bg3.jpg", "/statics/images/route1/scene22/scene22_popup1.png", "/statics/images/route1/scene22/scene22_popup2.png", "/statics/images/route1/scene24/1.png", "/statics/images/route1/scene24/2.png", "/statics/images/route1/scene24/bg.png", "/statics/images/route1/scene24/bg3.jpg", "/statics/images/route1/scene24/scene24_popup1.png", "/statics/images/route1/scene24/scene24_popup2.png", "/statics/images/route1/scene25/1.png", "/statics/images/route1/scene25/1_1.png", "/statics/images/route1/scene25/2.png", "/statics/images/route1/scene25/2_1.png", "/statics/images/route1/scene25/3_1.png", "/statics/images/route1/scene25/ask1.png", "/statics/images/route1/scene25/ask2.png", "/statics/images/route1/scene25/ask3.png", "/statics/images/route1/scene25/bg.png", "/statics/images/route1/scene25/bg2.jpg", "/statics/images/route1/scene25/bg3.jpg", "/statics/images/route1/scene25/scene25_popup1.png", "/statics/images/route1/scene25/scene25_popup2.png", "/statics/images/route1/scene25/scene25_popup3.png", "/statics/images/route1/scene25/scene25_popup4.png", "/statics/images/route1/scene25/scene25_popup5.png", "/statics/images/route1/scene27/3_2.png", "/statics/images/route1/scene27/bg2.jpg", "/statics/images/route1/scene27/scene27_popup1.png", "/statics/images/route1/scene28/2.png", "/statics/images/route1/scene28/2_1.png", "/statics/images/route1/scene28/bg.jpg", "/statics/images/route1/scene28/bg2.jpg", "/statics/images/route1/scene28/colorbg.png", "/statics/images/route1/scene28/scene1_28_popup1.png", "/statics/images/route1/scene28/scene1_28_popup2.png", "/statics/images/route1/scene28/scene1_28_popup3.png", "/statics/images/route1/scene28/wall.jpg", "/statics/images/route1/scene29/1.jpg", "/statics/images/route1/scene29/2.jpg", "/statics/images/route1/scene29/3_4.png", "/statics/images/route1/scene29/bg.jpg", "/statics/images/route1/scene29/scene1_29_popup1.png", "/statics/images/route1/scene29/scene1_29_popup2.png", "/statics/images/route1/scene29/scene1_29_popup3.png", "/statics/images/route1/scene29/scene1_29_popup4.png", "/statics/images/route1/scene30/1.jpg", "/statics/images/route1/scene30/bg.jpg", "/statics/images/route1/scene30/bg2.jpg", "/statics/images/route1/scene30/bg3.jpg", "/statics/images/route1/scene30/scene1_30_popup1.png", "/statics/images/route1/scene30/scene1_30_popup2.png", "/statics/images/route1/scene30/scene1_30_popup3.png", "/statics/images/route1/scene30/scene1_30_popup4.png", "/statics/images/route1/scene32/2.png", "/statics/images/route1/scene32/2_1.png", "/statics/images/route1/scene32/3.png", "/statics/images/route1/scene32/bg5.jpg", "/statics/images/route1/scene32/scene1_32_popup1.png", "/statics/images/route1/scene32/scene1_32_popup2.png", "/statics/images/route1/scene33/bg.png", "/statics/images/route1/scene33/scene1_33_popup1.png", "/statics/images/route1/scene33/scene1_33_popup2.png", "/statics/images/route1/scene33/scene1_33_popup3.png", "/statics/images/route1/scene33/shot1.png", "/statics/images/route1/scene33/shot1_1.png", "/statics/images/route1/scene33/shot1_2.png", "/statics/images/route1/scene33/shot1_3.png", "/statics/images/route1/scene34/scene1_34_popup1.png", "/statics/images/route1/scene34/scene1_34_popup2.png", "/statics/images/route1/scene34/scene1_34_popup3.png", "/statics/images/route1/scene34/shot1.png", "/statics/images/route1/scene34/shot2.png", "/statics/images/route1/scene34/shot3.png", "/statics/images/route1/scene34/shot4.png", "/statics/images/route1/scene34/shot5.png", "/statics/images/route1/scene34/shot6.png", "/statics/images/route1/scene34/shot7.png", "/statics/images/route1/scene35/bg3_1.jpg", "/statics/images/route1/scene35/bg3_2.jpg", "/statics/images/route1/scene35/bg3_4.jpg", "/statics/images/route1/scene35/scene1_35_popup1.png", "/statics/images/route1/scene35/scene1_35_popup2.png", "/statics/images/route1/scene35/shot1.png", "/statics/images/route1/scene35/shot2.png", "/statics/images/route1/scene35/shot3.png", "/statics/images/route1/scene35/word.png", "/statics/images/route1/scene4/bg1.jpg", "/statics/images/route1/scene4/scene4_popup1.png", "/statics/images/route1/scene5/bg.jpg", "/statics/images/route1/scene5/bg1.jpg", "/statics/images/route1/scene5/scene5_popup1.png", "/statics/images/route1/scene5/scene5_popup2.png", "/statics/images/route1/scene6/bg.jpg", "/statics/images/route1/scene6/scene6_popup1.png", "/statics/images/route1/scene6/scene6_popup2.png", "/statics/images/route1/scene6/scene6_popup3.png", "/statics/images/route1/scene7/scene7_popup1.png", "/statics/images/route1/scene7/scene7_sprite.png", "/statics/images/route1/scene8/03.jpg", "/statics/images/route1/scene8/03_02.png", "/statics/images/route1/scene8/03_03.png", "/statics/images/route1/scene8/03_1.png", "/statics/images/route1/scene8/bg_left.jpg", "/statics/images/route1/scene8/bg_right.jpg", "/statics/images/route1/scene8/scene8_popup1.png", "/statics/images/route1/scene8/scene8_popup2.png", "/statics/images/route1/scene9/bg.jpg", "/statics/images/route1/scene9/music.png", "/statics/images/route1/scene9/sprite1.png", "/statics/images/route1/scene9/sprite2.png", "/statics/images/scene1/scene1_bg.png", "/statics/images/scene1/scene1_front.png", "/statics/images/scene1/scene1_talk.png", "/statics/images/scene1/scene1_talk_left.png", "/statics/images/scene1/scene1_talk_right.png", "/statics/images/scene10/scene10_guard.png", "/statics/images/scene10/scene10_left_bg.png", "/statics/images/scene10/scene10_left_front.png", "/statics/images/scene10/scene10_popup1.png", "/statics/images/scene10/scene10_popup2.png", "/statics/images/scene10/scene10_right.png", "/statics/images/scene10/scene10_top11.png", "/statics/images/scene10/scene10_top12.png", "/statics/images/scene10/scene10_top21.png", "/statics/images/scene10/scene10_top22.png", "/statics/images/scene11/scene11_bg.jpg", "/statics/images/scene12/scene12_main_sprite.png", "/statics/images/scene12/scene12_palace_bg.png", "/statics/images/scene12/scene12_palace_sprite.png", "/statics/images/scene12/scene12_people_1.png", "/statics/images/scene12/scene12_people_2.png", "/statics/images/scene12/scene12_popup1_bg.png", "/statics/images/scene12/scene12_popup2.png", "/statics/images/scene13/scene13_conversation.png", "/statics/images/scene13/scene13_conversation_left.png", "/statics/images/scene13/scene13_palace_bg.png", "/statics/images/scene13/scene13_palace_sprite.png", "/statics/images/scene13/scene13_popup1.png", "/statics/images/scene13/scene13_popup2.png", "/statics/images/scene14/scene14_bg.png", "/statics/images/scene14/scene14_popup2.png", "/statics/images/scene14/scene14_sprite_1.png", "/statics/images/scene14/scene14_sprite_2.png", "/statics/images/scene14/scene14_sprite_3.png", "/statics/images/scene15/shot1.png", "/statics/images/scene15/shot3.png", "/statics/images/scene15/shot4.png", "/statics/images/scene16/scene16_popup1.png", "/statics/images/scene16/shot3.png", "/statics/images/scene16/shot4.png", "/statics/images/scene17/scene17_popup2.png", "/statics/images/scene17/scene17_start.png", "/statics/images/scene17/shot1.jpg", "/statics/images/scene17/shot2.png", "/statics/images/scene17/shot3.png", "/statics/images/scene17/shot4.png", "/statics/images/scene17/shot6.png", "/statics/images/scene18/scene18_popup1.png", "/statics/images/scene18/scene18_popup2.png", "/statics/images/scene18/shot1_left.png", "/statics/images/scene18/shot1_right.png", "/statics/images/scene18/shot2_left.png", "/statics/images/scene18/shot2_rightbottom.png", "/statics/images/scene18/shot2_righttop.png", "/statics/images/scene18/shot3.jpg", "/statics/images/scene18/shot4.jpg", "/statics/images/scene20/scene20_bg.jpg", "/statics/images/scene20/scene20_popup3.png", "/statics/images/scene20/scene20_popup4.png", "/statics/images/scene20/scene20_popup5.png", "/statics/images/scene20/scene20_popup6.png", "/statics/images/scene20/shot1.png", "/statics/images/scene20/shot2.png", "/statics/images/scene20/shot3.png", "/statics/images/scene20/shot4_left.png", "/statics/images/scene20/shot4_right.png", "/statics/images/scene20/shot5.png", "/statics/images/scene20/shot6.png", "/statics/images/scene21/1.png", "/statics/images/scene21/2.png", "/statics/images/scene21/3.png", "/statics/images/scene21/bg.jpg", "/statics/images/scene3/1.png", "/statics/images/scene3/2.png", "/statics/images/scene3/3.png", "/statics/images/scene3/confuse.jpg", "/statics/images/scene3/desc.jpg", "/statics/images/scene3/happy.png", "/statics/images/scene3/night.png", "/statics/images/scene4/scene4_bottom_img.png", "/statics/images/scene4/scene4_bottom_popup.png", "/statics/images/scene4/scene4_left.png", "/statics/images/scene4/scene4_left_bg.png", "/statics/images/scene4/scene4_left_cloud.png", "/statics/images/scene4/scene4_top_img.png", "/statics/images/scene5/scene5_bg.png", "/statics/images/scene5/scene5_popup_1.png", "/statics/images/scene5/scene5_popup_2.png", "/statics/images/scene5/scene5_popup_3.png", "/statics/images/scene6/scene6_guard.png", "/statics/images/scene6/scene6_left_bg.png", "/statics/images/scene6/scene6_left_sprite.png", "/statics/images/scene6/scene6_left_tears.png", "/statics/images/scene6/scene6_popupbg.png", "/statics/images/scene7/scene7_bottom_bg.png", "/statics/images/scene7/scene7_bottom_popup.png", "/statics/images/scene7/scene7_bottom_tears.png", "/statics/images/scene7/scene7_guard_angry.png", "/statics/images/scene7/scene7_guard_normal.png", "/statics/images/scene7/scene7_popup1.png", "/statics/images/scene7/scene7_popup2.png", "/statics/images/scene7/scene7_sprite.png", "/statics/images/scene8/scene8_bg_active.png", "/statics/images/scene8/scene8_bg_normal.png", "/statics/images/scene8/scene8_popup.png", "/statics/images/schoolbg_02.jpg", "/statics/images/schoolbg_03.png", "/statics/images/schoolbg_04.jpg", "/statics/images/service_01.png", "/statics/images/service_02.png", "/statics/images/service_03.png", "/statics/images/service_04.png", "/statics/images/service_05.png", "/statics/images/service_06.png", "/statics/images/service_07.png", "/statics/images/service_08.png", "/statics/images/service_09.png", "/statics/images/service_10.png", "/statics/images/service_11.png", "/statics/images/service_12.png", "/statics/images/service_13.png", "/statics/images/service_14.png", "/statics/images/service_15.png", "/statics/images/service_other.png", "/statics/images/service_sicon.png", "/statics/images/service_traffic.png", "/statics/images/service_traffic_icon.png", "/statics/images/simplemap.jpg", "/statics/images/simplemap_03.png", "/statics/images/simplemap_05.png", "/statics/images/simplemap_06.png", "/statics/images/simplemap_07.png", "/statics/images/sprite.png", "/statics/images/sprites/1.png", "/statics/images/sprites/2.png", "/statics/images/sprites/3.png", "/statics/images/sprites/4.png", "/statics/images/sprites/5.png", "/statics/images/sprites/6.png", "/statics/images/start_bg.png", "/statics/images/starter/start_bg.png", "/statics/images/starter/start_box.png", "/statics/images/starter/start_close.png", "/statics/images/starter/start_description.png", "/statics/images/starter/start_group1_bg.png", "/statics/images/starter/start_group1_highlight_arrow.png", "/statics/images/starter/start_group1_highlight_bg.png", "/statics/images/starter/start_group1_highlight_route.png", "/statics/images/starter/start_group1_highlight_routedesc.png", "/statics/images/starter/start_group1_sprits.png", "/statics/images/starter/start_group1_start_btn.png", "/statics/images/starter/start_group2_bg.png", "/statics/images/starter/start_group2_highlight_arrow.png", "/statics/images/starter/start_group2_highlight_bg.png", "/statics/images/starter/start_group2_highlight_desc.png", "/statics/images/starter/start_group2_highlight_route.png", "/statics/images/starter/start_group2_highlight_start.png", "/statics/images/starter/start_group2_sprits.png", "/statics/images/starter/start_map.png", "/statics/images/starter/start_sprits.png", "/statics/images/story1_03.png", "/statics/images/story1_07.png", "/statics/images/story1_09.png", "/statics/images/story1_13.png", "/statics/images/story1_14.png", "/statics/images/story1_1_07.png", "/statics/images/story1_1_09.png", "/statics/images/story1_1_13.png", "/statics/images/story1_1_14.png", "/statics/images/story2.png", "/statics/images/story2_18.png", "/statics/images/story2_21.png", "/statics/images/story2_24.png", "/statics/images/story2_29.png", "/statics/images/story2_30.png", "/statics/images/story2_32.png", "/statics/images/storybox.png", "/statics/images/topnavbg.png", "/statics/images/toy1_04.png", "/statics/images/toy1_05.png", "/statics/images/toy1_07.png", "/statics/images/toy1_09.png", "/statics/images/toy1_11.png", "/statics/images/toy1_18.png", "/statics/images/toy1_19.png", "/statics/images/toy1_20.png", "/statics/images/toy1_21.png", "/statics/images/toy1_22.png", "/statics/images/toy1_28.png", "/statics/images/toy1_29.png", "/statics/images/toy1_30.png", "/statics/images/toy1_31.png", "/statics/images/toy1_32.png", "/statics/images/toy2_04.png", "/statics/images/toy2_05.png", "/statics/images/toy2_07.png", "/statics/images/toy2_09.png", "/statics/images/toy2_11.png", "/statics/images/toy2_18.png", "/statics/images/toy2_19.png", "/statics/images/toy2_20.png", "/statics/images/toy2_21.png", "/statics/images/toy2_22.png", "/statics/images/toy2_28.png", "/statics/images/toy2_29.png", "/statics/images/toy2_30.png", "/statics/images/toy2_31.png", "/statics/images/toy2_32.png", "/statics/images/toy_03.png", "/statics/images/toy_04.png", "/statics/images/toy_05.png", "/statics/images/toy_07.png", "/statics/images/toy_09.png", "/statics/images/toy_11.png", "/statics/images/toy_18.png", "/statics/images/toy_19.png", "/statics/images/toy_20.png", "/statics/images/toy_21.png", "/statics/images/toy_22.png", "/statics/images/toy_28.png", "/statics/images/toy_29.png", "/statics/images/toy_30.png", "/statics/images/toy_31.png", "/statics/images/toy_32.png", "/statics/images/toyarrow.png", "/statics/images/treasure_03.png", "/statics/images/treasure_05.png", "/statics/images/treasureimg1_03.png", "/statics/images/treasureimg1_07.png", "/statics/images/treasureimg2_03.png", "/statics/images/treasureimg2_03_sig.png", "/statics/images/treasureimg2_07.png", "/statics/images/treasureimg2_07_sig.jpg", "/statics/images/treasureimg3_03.png", "/statics/images/treasureimg3_03_sig.png", "/statics/images/treasureimg3_07.png", "/statics/images/treasureimg3_07_sig.png", "/statics/images/treasureimg4_03.png", "/statics/images/treasureimg4_03_sig.png", "/statics/images/treasureimg4_07.png", "/statics/images/treasureimg4_07_sig.png", "/statics/images/treasureimg_03.png", "/statics/images/treasureimg_03_sig.png", "/statics/images/treasureimg_06.png", "/statics/images/treasureimg_06_sig.png", "/statics/images/treasureimg_09.png", "/statics/images/treasureimg_09_sig.png", "/statics/images/treasureimg_11.png", "/statics/images/treasureimg_11_sig.png", "/statics/images/uicon_16.png", "/statics/images/uicon_18.png", "/statics/images/uicon_20.png", "/statics/images/visit1_03.png", "/statics/images/visit1_06.png", "/statics/images/visit1_09.png", "/statics/images/visit1_12.png", "/statics/images/visit1_15.png", "/statics/images/visit1_16.png", "/statics/images/visit1_17.png", "/statics/images/visit1_19.png", "/statics/images/visit1_22.png", "/statics/images/visit1_28.png", "/statics/images/visit1_35.png", "/statics/images/visit1_36.png", "/statics/images/visit1_37.png", "/statics/images/visitopen_03.png", "/statics/images/visitopen_07.png", "/statics/images/visitopen_11.png", "/statics/images/visittabbg.png", "/statics/images/visittabbgline.png", "/statics/images/visittitlebg.jpg", "/statics/images/visittitlebg.png", "/statics/images/visittxt.png", "/statics/images/wholeday_03.png", "/statics/images/wholeday_03_10.png", "/statics/images/wholeday_03_16.png", "/statics/images/wholeday_03_26.png", "/statics/images/wholeday_03_33.png", "/statics/images/wholeday_03_39.png", "/statics/images/wholeday_03_49.png", "/statics/images/wholeday_03_55.png", "/statics/images/wholeday_03_61.png", "/statics/images/wholeday_07.png", "/statics/images/wholeday_13.png", "/statics/images/wholeday_23.png", "/statics/images/wholeday_24.png", "/statics/images/wholeday_33.png", "/statics/images/wholeday_42.png", "/statics/images/wholeday_48.png", "/statics/images/wholeday_57.png", "/statics/images/wholeday_61.png", "/statics/images/wholeday_city.png", "/statics/images/wholeday_city1.png", "/statics/images/wholeday_clock.png", "/statics/images/wholeday_line.png", "/statics/css/game/gongmenguan/stage1/obj1.png", "/statics/css/game/gongmenguan/stage1/obj2.png", "/statics/css/game/gongmenguan/stage1/obj3.png", "/statics/css/game/gongmenguan/stage1/obj4.png", "/statics/css/game/gongmenguan/stage1/obj5.png", "/statics/css/game/gongmenguan/stage1/obj6.png", "/statics/css/game/gongmenguan/stage1/obj7.png", "/statics/css/game/gongmenguan/stage1/obj8.png", "/statics/css/game/gongmenguan/stage1/obj9.png", "/statics/css/game/gongmenguan/stage1/person1.png", "/statics/css/game/gongmenguan/stage1/success1.png", "/statics/css/game/gongmenguan/stage1/xingzuobg.png", "/statics/css/game/gongmenguan/stage1/ziwei.png", "/statics/css/game/gongmenguan/stage2/person2.png", "/statics/css/game/gongmenguan/stage2/stage2_1.png", "/statics/css/game/gongmenguan/stage2/stage2_2.png", "/statics/css/game/gongmenguan/stage2/stage2_3.png", "/statics/css/game/gongmenguan/stage2/stage2_4.png", "/statics/css/game/gongmenguan/stage2/stage2bg.png", "/statics/css/game/gongmenguan/stage2/success2.png", "/statics/css/game/gongmenguan/stage3/person3.png", "/statics/css/game/gongmenguan/stage3/stage3bg.png", "/statics/css/game/gongmenguan/stage3/success3.png", "/statics/css/game/huangdi/10_1.png", "/statics/css/game/huangdi/10_10.png", "/statics/css/game/huangdi/10_11.png", "/statics/css/game/huangdi/10_12.png", "/statics/css/game/huangdi/10_13.png", "/statics/css/game/huangdi/10_14.png", "/statics/css/game/huangdi/10_2.png", "/statics/css/game/huangdi/10_3.png", "/statics/css/game/huangdi/10_4.png", "/statics/css/game/huangdi/10_5.png", "/statics/css/game/huangdi/10_6.png", "/statics/css/game/huangdi/10_7.png", "/statics/css/game/huangdi/10_8.png", "/statics/css/game/huangdi/10_9.png", "/statics/css/game/huangdi/gamebg.png", "/statics/css/game/huangdi/huangdiintro.png", "/statics/css/game/images/animal_03.png", "/statics/css/game/images/animal_05.png", "/statics/css/game/images/animal_07.png", "/statics/css/game/images/animal_09.png", "/statics/css/game/images/animal_11.png", "/statics/css/game/images/animal_13.png", "/statics/css/game/images/animal_15.png", "/statics/css/game/images/animal_17.png", "/statics/css/game/images/animal_19.png", "/statics/css/game/images/animal_21.png", "/statics/css/game/images/bg.jpg", "/statics/css/game/images/border.png", "/statics/css/game/images/building.png", "/statics/css/game/images/button.png", "/statics/css/game/images/cloud.png", "/statics/css/game/images/cloud1.png", "/statics/css/game/images/statusbar.png", "/statics/css/game/jiaoshou/jiaoshouintro.png", "/statics/css/game/qushui/game.png", "/statics/css/game/qushui/gamebg2.png", "/statics/css/game/qushui/qushuiintro.png", "/statics/css/game/start.png", "/statics/css/game/tianzi/gamebg1.png", "/statics/css/game/tianzi/tianziintro.png"]; var length=resources.length; var i=0; var interval=setInterval(function(){ try{ var img=new Image(); img.src=resources[i]; }catch(e){ console&&console.log(e); } i++; if(i==length){ clearInterval(interval); } },500); </script></body> </html>

CINXE.COM

首页 / 故宫青少版网站