CINXE.COM
故宫博物院数字文物库
<!doctype html> <html class="root-scroll" lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <title>故宫博物院数字文物库</title> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <link rel="icon" type="image/x-icon" href="/images/favicon.ico"/> <link rel="stylesheet" href="/css/common_topic.css?v=v20250405" media="screen and (min-width:1025px)"> <link rel="stylesheet" href="/css/common_topic_move.css?v=v20250405" media="screen and (max-width:1024px)"> <link rel="stylesheet" href="/css/style4.css?v=v20250405"> <link rel="stylesheet" href="/css/custom.css?v=v20250405"> <link rel="stylesheet" href="/css/index_pc.css?v=v20250405" media="screen and (min-width:1025px)"> <link rel="stylesheet" href="/css/index_move.css?v=v20250405" media="screen and (max-width:1024px)"> <script src="/js/jquery.min.js?v=v20250405" type="text/javascript"></script> <script type="text/javascript" src="/js/dpms/common.js?v=v20250405"></script> <script type="text/javascript" src="/js/tongji/tongJi.js"></script> <script type="text/javascript" src="/js/jquery.i18n.properties.js?v=v20250405"></script> <script type="text/javascript" src="/js/dpms/i18n-util.js?v=v20250405"></script> <script src="/js/dpms/dplus.js?v=v20250405"></script> <script src="/js/tongji/base-track.js?v=v20250405"></script> <script src="/js/dpms/quick_tracking.js?v=v20250405"></script> <script type="text/javascript" src="/js/template.js?v=v20250405"></script> <!--滑动门 开始--> <script src="/js/hdtab.js?v=v20250405"></script> <!--滑动门 结束--> <script type="text/javascript" src="/js/layer/layer.js?v=v20250405"></script> <script type="text/javascript" src="/js/custom/custom.page.js?v=v20250405"></script> <script type="text/javascript" src="/js/dpms/list.js?v=v20250405"></script> <script type="text/javascript" src="/js/dpms/cultural-collect.js?v=v20250405"></script> <script src="/js/scrollbar.js?v=v20250405" type="text/javascript"></script> <script type="text/javascript" src="/js/flexible.js?v=v20250405"></script> <script src="/js/jquery.collapse.js?v=v20250405"></script> <script src="/js/topic/common.js?v=v20250405"></script> <script src="/js/topic/ratio-img.js?v=v20250405"></script> <script src="/js/topic/jquery_003.js?v=v20250405"></script> <script type="text/javascript" src="/js/topic/swiper-3.js?v=v20250405"></script> <script src="/js/topic/wow.js?v=v20250405"></script> <script src="/js/topic/module.js?v=v20250405"></script> <script> $(function() { $(".hide").click(function() { $('.new_menu').addClass('menu_block'); }); $(".close").click(function() { $('.new_menu').removeClass('menu_block'); }) }); </script> <script> $(function(){ $(".returnTop").click(function () { var speed=200;//滑动的速度 $('body,html').animate({ scrollTop: 0 }, speed); return false; }); }); </script> <script> $(function() { var setCoverOpacity = function() { $('body').find('.navBg').css({ opacity: ((($(window).scrollTop() / 550) > 1) ? 1 : ($(window).scrollTop() / 550)) }) var returnTop = $('body').find('.returnTop'); var wValue=returnTop.width(); var hValue=returnTop.height(); if($(window).scrollTop() > 50 ){ returnTop.addClass('on'); } else{ returnTop.removeClass('on'); } } setCoverOpacity(); $(window).scroll(function() { setCoverOpacity() }); }); </script> </head> <body> <!--头部 开始--> <script type="text/javascript" src="/js/dpms/head.js?v=v20250405"></script> <style> .scroll-notice{ width: 100%; height: 48px; background: #429e94; position: fixed; z-index: 99999; padding: 0px 40px; top: 0px; } .scroll-notice span{ font-size: 16px; color: #ffffff; } .scroll-notice span img { width: 16px; height: 16px; } .notice-view-detail { color: #ffffff; text-decoration: underline; } .notice-icon-close { width: 12px !important; height: 12px !important; } .notice-none { display: none; } </style> <link rel="stylesheet" href="/css/flex_custom.css?v=v20250405"> <div class="scroll-notice notice-none"> <div class="swiper_wrap"> <ul class="font_inner"> </ul> </div> <style> .swiper_wrap{ position: relative; width: 100%; height: 48px; overflow: hidden; } .swiper_wrap ul{ position: relative; top: 0; left: 0; } .swiper_wrap ul li{ line-height: 48px; } </style> <script> let gt1024 = null; let gt1024MT = null; let lt1024 = null; let lt1024MT = null; function closeScrollAnnounce() { if($(window).width() <= 1024) { const cp_banner_min_height = parseFloat($(".cp_banner").css("min-height")); const cp_banner_margin_top = parseFloat($(".zt_partc").css("margin-top")); if(!lt1024) { lt1024 = cp_banner_min_height - 48; lt1024MT = cp_banner_margin_top - 48; } else { lt1024 = cp_banner_min_height - 48; lt1024MT = cp_banner_margin_top - 48; } $(".cp_banner").css("min-height", lt1024 + "px"); $(".zt_partc").css("margin-top", lt1024MT + "px"); } else { const cp_banner_min_height = parseFloat($(".cp_banner").css("min-height")); const cp_banner_margin_top = parseFloat($(".zt_partc").css("margin-top")); if(!gt1024) { gt1024 = cp_banner_min_height - 48; gt1024MT = cp_banner_margin_top - 48; } else { gt1024 = cp_banner_min_height - 48; gt1024MT = cp_banner_margin_top - 48; } $(".cp_banner").css("min-height", gt1024 + "px"); $(".zt_partc").css("margin-top", gt1024MT + "px"); } $(".scroll-notice").css("display", "none"); $(".module-layer").css("top", "0px"); } $(document).ready(function() { //getNoticeList(); }); function getNoticeList() { $.ajax({ type: "post", global: false, async: true, dataType: "json",traditional: true, url: "/scrollAnnounceList", data: {ranNum : Math.random()}, success: function(data) { if (data.code == "000000" && data.result != null) { if(data.result.length > 0){ let html = ""; $.each(data.result, function(i, info) { let item = ` <li class="gl-flex-container gl-flex-justify-content-space-between"> <span class="gl-flex-container gl-flex-align-items-center"> <span class="gl-flex-container gl-flex-align-items-center"><img src="/images/notice.png" alt=""></span> <span class="gl-m-l-10">` + info.titleCn + `</span> </span> <span class="gl-flex-container gl-flex-align-items-center"> <a class="notice-view-detail" href="/scrollAnnounce/info?id=` + info.id + `">查看详情</a> <a href="javascript:void(0)" class="gl-flex-container gl-flex-align-items-center gl-m-l-10" onclick="closeScrollAnnounce()"><img class="notice-icon-close" src="/images/close.png" alt=""></a> </span> </li> `; html += item; }); $(".font_inner").html(html); $(".module-layer").css("top", "48px"); $(".scroll-notice").removeClass("notice-none"); if($(window).width() <= 1024) { if(!lt1024) { const cp_banner_min_height = parseFloat($(".cp_banner").css("min-height")); const cp_banner_margin_top = parseFloat($(".zt_partc").css("margin-top")); lt1024 = cp_banner_min_height + 48; lt1024MT = cp_banner_margin_top + 48; } $(".cp_banner").css("min-height", lt1024 + "px"); $(".zt_partc").css("margin-top", lt1024MT + "px"); } else { if(!gt1024) { const cp_banner_min_height = parseFloat($(".cp_banner").css("min-height")); const cp_banner_margin_top = parseFloat($(".zt_partc").css("margin-top")); gt1024 = cp_banner_min_height + 48; gt1024MT = cp_banner_margin_top + 48; } $(".cp_banner").css("min-height", gt1024 + "px"); $(".zt_partc").css("margin-top", gt1024MT + "px"); } $(".font_inner li:eq(0)").clone(true).appendTo($(".font_inner"));//克隆第一个放到最后(实现无缝滚动) var liHeight = $(".swiper_wrap").height();//一个li的高度 //获取li的总高度再减去一个li的高度(再减一个Li是因为克隆了多出了一个Li的高度) var totalHeight = ($(".font_inner li").length * $(".font_inner li").eq(0).height()) -liHeight; $(".font_inner").height(totalHeight);//给ul赋值高度 var index = 0; var autoTimer = 0;//全局变量目的实现左右点击同步 var clickEndFlag = true; //设置每张走完才能再点击 function tab(){ $(".font_inner").stop().animate({ top: -index * liHeight },400,function(){ clickEndFlag = true;//图片走完才会true if(index == $(".font_inner li").length -1) { $(".font_inner").css({top:0}); index = 0; } }) } function next() { index++; if(index > $(".font_inner li").length - 1) {//判断index为最后一个Li时index为0 index = 0; } tab(); } //自动轮播 autoTimer = setInterval(next,3000); $(".font_inner a").hover(function(){ clearInterval(autoTimer); },function() { autoTimer = setInterval(next,3000); }) //鼠标放到左右方向时关闭定时器 $(".swiper_wrap .lt,.swiper_wrap .gt").hover(function(){ clearInterval(autoTimer); },function(){ autoTimer = setInterval(next,3000); }) } } } }); } </script> </div> <header class="module-layer" > <div class="module-layer-content h"> <div class="navBg theme-navBg"></div> <div class="navBg_mobile"></div> <div class="logo"> <a class="hide category_1" href="javascript:;" aria-label='Category' role="button" tabindex="0"><img src="/images/menu.png"></a> </div> <div class="ww_logo" aria-label='数字文物库logo' role="button" tabindex="0"> <a href="/"> <img src="/images/logo_v3.png"> </a> </div> <div class="ww_logo2"><img src="/images/logo_center_v1.png"></div> <style> #unread </style> <div id="head_btn" class="icon head_offline" aria-label='Personal Center' role="button" tabindex="0"> <a href="javascript:;" onclick="toLogin();"><img src="/images/head_image.png"></a> </div> <div class="cp_search"> <div class="cp_search_box"> <input name="topKeyword" value="" id="topKeyword" autofocus type="text" placeholder='Search' class="input01" autocomplete="off"><!-- oninput="_header.suggestList()"--><input aria-label='搜索' role="button" tabindex="0" style="cursor:pointer" name="" onclick="topSearch()" type="button" class="input02"> </div> <div class="cp_search_box02"> <ul id="suggest_list"> </ul> </div> </div> <div class="lan"><a href="javascript:;" onclick="_common_a.changeLang('zh_CN');" class="lan-cn on">中文</a><a href="javascript:;" onclick="_common_a.changeLang('en_US');" class="lan-en">EN</a></div> <div class="lan2"> <strong class="lan2-text theme-lang"><img src="/images/cp_icon02.png">Language</strong> <div class="lan2_main"> <a href="javascript:;" onclick="_common_a.changeLang('zh_CN');">中文</a> <a href="javascript:;" onclick="_common_a.changeLang('en_US');">English</a> </div> </div> </div> </header> <script> var _lang = getCookie("lang"); if("en-US" == _lang){ $(".lan-cn").addClass("on"); $(".lan-en").removeClass("on"); }else{ $(".lan-en").addClass("on"); $(".lan-cn").removeClass("on"); } $(document).ready(function() { var cookietip = getCookie("szwwcookietip"); if(cookietip == null || cookietip== ""){ $("#cookie_tip").show(); } $('#topKeyword').bind('keypress',function(event){ if(event.keyCode == "13"){ topSearch(); } }); $("body").click(function(){ $(".cp_search_box02").hide(); }) // $.ajax({ // type: "get", dataType: "json",contentType:"application/json", // url: "/member/message/getUnRead", // success: function(data) { // if("000000"==data.code){ // if(data.result == 0) { // $("#unread").css("display", "none"); // $("#unread").text(data.result); // } else { // $("#unread").css("display", "unset"); // $("#unread").text(data.result); // } // }else{ // $("#unread").css("display", "none"); // $("#unread").text(""); // } // } // }); }) </script> <script src="/js/sensors/sensorsdata.js"></script> <script charset="UTF-8"> // 初始化SDK var sensors = window['sensorsDataAnalytic201505']; let deviceType = detectDevice(); let platformType = "web端"; // 你可以根据设备类型执行不同的操作 if (deviceType === 'Mobile') { platformType = "H5"; } else if (deviceType === 'Tablet') { platformType = "H5"; } else { } sensors.use('PageLeave', { custom_props: { prop1: 'value1' }, heartbeat_interval_time: 5, max_duration: 5 * 24 * 60 *60, isCollectUrl: function(url) { return true; } }); sensors.init({ server_url: 'https://gugong-pro.datasink.sensorsdata.cn/sa?project=production&token=d55b8755fac048ef', show_log: false, cross_subdomain:true, heatmap:{ clickmap: 'default', scroll_notice_map:'default' }, use_client_time:true, send_type:'beacon' }); $(document).ready(function() { // 注册公共属性 sensors.registerPage({ platform_type: platformType, business_line: "数字文物库", product_version: "1.0.0", language_type: _lang == 'zh-CN' ? '中文' : '英文', special_topic_name: $("#topicName").val(), special_topic_id: $("#topicId").val() }); sensors.quick('autoTrack'); }); /** * 探测当前访问设备 * @returns {string} */ function detectDevice() { let userAgent = navigator.userAgent || navigator.vendor || window.opera; // 检测移动设备 if (/android/i.test(userAgent)) { if (/mobile/i.test(userAgent)) { return 'Mobile'; } else { return 'Tablet'; } } if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { if (/iPad/.test(userAgent)) { return 'Tablet'; } else { return 'Mobile'; } } if (/windows phone/i.test(userAgent)) { return 'Mobile'; } if (/blackberry|iemobile/i.test(userAgent)) { return 'Mobile'; } // 默认为 PC return 'PC'; } </script><!--头部 结束--> <!--主体 开始--> <div class="layout-container"> <style> .img_div { overflow: hidden; float: left; position: relative; } .div_mask { width:100%; height:0; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); font-size:12px; color:#fff; transition: all 0.6s; display: flex; align-items: center; justify-content: center; } .div_mask p { text-align: center; color: #fff !important; clear: both; } .img_div:hover .div_mask { height: 100%; cursor: pointer; } </style> <div class="cp_parta" > <input type="hidden" id="themeName" value=""> <input type="hidden" id="pageType" value="index"> <div class="cp_banner theme-navBg"> </div> <div class="cp_content2"> <!--首页专题 开始--> <div id="con2"> <div class="main"> <div class="comm_modulebox no_padb" id="sec2"> <div class="wrap"> <div class="pro-module06 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;"> <div class="swiper-container swiper-container-horizontal"> <ul class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=9" onclick="_track.index_special_click('灵蛇送福——蛇年文物专题','1','9')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2025/01/24/7ff9e760d4d6403b86154be99086ec40.png"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=9" onclick="_track.index_special_click('灵蛇送福——蛇年文物专题','1','9')"> 灵蛇送福——蛇年文物专题 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="https://zm-digicol.dpm.org.cn" onclick="_track.index_special_click('藏品总目','2','2')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/ad/2021/02/05/5973b3bd5a6240e0af4d7ad464db3498.png"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="https://zm-digicol.dpm.org.cn" onclick="_track.index_special_click('藏品总目','2','2')"> 藏品总目 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="https://digicol.dpm.org.cn/specialTopic/view/1" onclick="_track.index_special_click('故宫博物院藏古文字数字平台','3','6')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2023/07/17/ef6017db234340ca975e16e0bdf80eac.jpg"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="https://digicol.dpm.org.cn/specialTopic/view/1" onclick="_track.index_special_click('故宫博物院藏古文字数字平台','3','6')"> 故宫博物院藏古文字数字平台 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=8" onclick="_track.index_special_click('辰龙献瑞——龙年文物专题','4','8')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2024/01/30/607039aca2a9457fac116d7f73a125ad.png"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=8" onclick="_track.index_special_click('辰龙献瑞——龙年文物专题','4','8')"> 辰龙献瑞——龙年文物专题 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=4" onclick="_track.index_special_click('玉兔迎春——兔年文物专题','5','4')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2023/01/13/20a01e846e5a4a4985da27edfa9c9384.jpg"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=4" onclick="_track.index_special_click('玉兔迎春——兔年文物专题','5','4')"> 玉兔迎春——兔年文物专题 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=3" onclick="_track.index_special_click('吉虎迎瑞——虎年文物专题','6','3')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2022/01/13/bdd92d72d4bb451f9f8513be89ec50fc.png"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=3" onclick="_track.index_special_click('吉虎迎瑞——虎年文物专题','6','3')"> 吉虎迎瑞——虎年文物专题 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=1" onclick="_track.index_special_click('《百牛贺岁》——紫禁城里的“牛”文物','7','1')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/ad/2021/02/07/8f8a315aaacc456493c225def977adda.png"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=1" onclick="_track.index_special_click('《百牛贺岁》——紫禁城里的“牛”文物','7','1')"> 《百牛贺岁》——紫禁城里的“牛”文物 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=5" onclick="_track.index_special_click('故宫博物院藏殷墟甲骨文专题','8','5')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2023/07/05/57644f50749a486aa290057780119fc2.jpg"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=5" onclick="_track.index_special_click('故宫博物院藏殷墟甲骨文专题','8','5')"> 故宫博物院藏殷墟甲骨文专题 </a> </div> </div> </li> </ul> </div> <div class="swiper-button-prev swiper-button-disabled"><i> <img src="/images/sp_left_v1.png"> </i></div> <div class="swiper-button-next"><i> <img src="/images/sp_right_v1.png"> </i></div> </div> </div> </div> </div> </div> <!--首页专题 结束--> </div> <div class="new_web"> <div class="new_menu"> <h2 class="tit"><a class="close"><img src="/images/x4.png"></a>Filter</h2> <div id="custom-show-hide-example2"> <h3 class="open">Category</h3> <div class="new_2016_info02"> <ul id="right_category_list"></ul> <div class="e_blk04"> <a id="_strHref_0" href="javascript:show_hiddendiv('0');" > <span id="_strSpan_0" class="strHref open-condition-box"> <span class="open-condition-span"> Show all 25 </span> <svg class="open-condition-svg" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14"> <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/> </svg> </span> </a> </div> </div> <h3 class="open">Period</h3> <div class="new_2016_info02"> <ul id="right_dynasty_list"></ul> <div class="e_blk04"> <a id="_strHref_1" href="javascript:show_hiddendiv('1');" > <span id="_strSpan_1" class="strHref open-condition-box"> <span class="open-condition-span"> Show all 21 </span> <svg class="open-condition-svg" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14"> <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/> </svg> </span> </a> </div> </div> <h3 class="open">Color</h3> <div class="new_2016_info02"> <ul class="list03" id="right_color_list"></ul> </div> </div> </div> <style> .open-condition-box { width: 100%; display: inline-block; text-align: center; margin-bottom: 20px; } .open-condition-span { height: 20px; display: inline-block; vertical-align: middle; color: #4b7665; font-family: "SOURCEHANSANSCN-REGULAR"; } .open-condition-svg { display: inline-block; vertical-align: middle; height: 11px; width: 14px; color: #4b7665; } .open-condition-svg-caret-up { vertical-align: baseline; } </style> <script> function show_hiddendiv(_id){ document.getElementById("hidden_div_"+_id).style.display='block'; document.getElementById("_strHref_"+_id).href="javascript:hidden_showdiv('"+_id+"');"; if(_id == '0') { document.getElementById("_strSpan_"+_id).innerHTML='<span class="open-condition-span">' + _i18n.msg('public.leftFilterItems.ShowLess') + '</span>' + '<svg class="open-condition-svg open-condition-svg-caret-up" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14">' + '<path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>' + '</svg>'; } else { document.getElementById("_strSpan_"+_id).innerHTML='<span class="open-condition-span">' + _i18n.msg('public.leftFilterItems.ShowLess') + '</span>' + '<svg class="open-condition-svg open-condition-svg-caret-up" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14">' + '<path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>' + '</svg>'; } } function hidden_showdiv(_id){ document.getElementById("hidden_div_"+_id).style.display='none'; document.getElementById("_strHref_"+_id).href="javascript:show_hiddendiv('"+_id+"');"; if(_id == '0') { document.getElementById("_strSpan_"+_id).innerHTML='<span class="open-condition-span">' + _i18n.msg('public.leftFilterItems.ShowAll') + _i18n.msg('public.leftFilterItems.ShowAll25') + '</span>' + '<svg class="open-condition-svg" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14">' + '<path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>' + '</svg>'; } else { document.getElementById("_strSpan_"+_id).innerHTML='<span class="open-condition-span">' + _i18n.msg('public.leftFilterItems.ShowAll') + _i18n.msg('public.leftFilterItems.ShowAll21') + '</span>' + '<svg class="open-condition-svg" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14">' + '<path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>' + '</svg>'; } } new jQueryCollapse($("#custom-show-hide-example2"), { open: function() { this.slideDown(150); }, close: function() { this.slideUp(150); } }); $(function(){ initCategory([]); initDynasty([]); }) </script> <div class="cp_content"> <div class="cp_blk01"> <ul class="list02" id="change_info"> <li class="on"><a href="javascript:;"> <img src="/images/icon24A.png"> </a></li> <li><a href="javascript:;" onclick="changeType('1')"> <img src="/images/icon25_2.png"> </a></li> </ul> <font class="font01" id="search_total"><span>0 Results</span></font> </div> <div class="cp_blk02"> <span id="search_result_id"></span> </div> <input type="hidden" id="showType" value="0"/> <input type="hidden" id="page_status" value="index"/> <input type="hidden" id="sourceFrom" value="0"/> <div id="con" class="z_list_data"></div> <div class="list" id="list_show" style="display:none;"></div> <div class="con_null">Loading...</div> <div class="page"></div> </div> </div> </div> </div> <!--主体 结束--> <style> .foot a {color: #fff;margin: 0 5px;} </style> <div class="foot theme-main"><img class="foot-logo" src="/images/logo_s_v1.png"/>© 2001-现在 故宫博物院 <a href="http://beian.miit.gov.cn" target="_blank" class="link-friend">京ICP备05067311号-1</a> <a class="link-friend" style="margin-left: 30px;" href="/page/privacy">Privacy policy</a> <a class="link-friend" href="/page/copyright">Terms and Conditions</a> <a href="/page/applyimage">Image Services</a><a class="link-friend" href="/feedback/normal?l=1&r=1">Suggestion Feedback</a> </div> <script> if(window.console && window.console.log){ console.log("著作权声明"); console.log("故宫博物院数字文物库网站中的资源,包括但不限于信息、文本、图片、链接。除特别注明外,均为故宫博物院著作权所有。网站内容可以访问进行个人研究,但不得用于任何商业用途。\n未经我院书面同意,不得系统地摘录、再利用网站的部分内容,包括但不限于为了再利用本网站的实质性部分而利用数据挖掘、机器人或类似的数据采集和提取工具提取(不论一次或多次)。\n不得创建或发布您自己的数据库,且该数据库与本网站的实质性部分相似。\n如有未经许可用于商业用途或非法目的而侵害我院相关著作权甚至影响我院声誉的,我院保留追究其法律责任的权利。如需使用相关资料,请提前与我院相关部门联系。"); } document.oncontextmenu = function () { return false; }; document.onkeydown=function (e){ var currKey=0,evt=e||window.event; currKey=evt.keyCode||evt.which||evt.charCode; if (currKey == 123) { window.event.cancelBubble = true; window.event.returnValue = false; } if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) { return false; } } </script><!--新增滚动样式 开始--> <div class="new_scroll_blk"> <ul> <li> <span><a href="https://www.wjx.cn/vm/h90wIBR.aspx#" target="_blank"> <img src="/images/new_icon_01.png"/> </a></span> <div class="li_box"><a href="https://www.wjx.cn/vm/h90wIBR.aspx#" target="_blank">Questionnaire</a></div> </li> <li> <span><a href="https://www.dpm.org.cn/Home.html" target="_blank"> <img src="/images/new_icon_02.png"> </a></span> <div class="li_box"><a href="https://www.dpm.org.cn/Home.html" target="_blank">The Palace Museum Homepage</a></div> </li> </ul> </div> <!--新增滚动样式 结束--> <!--返回顶部 开始--> <a class="returnTop"><img src="/images/icon12.png"></a> <!--返回顶部 结束--> <div class="popup z-collect-model" style="display:none"> <h2><a href="javascript:;" onclick="_collect.closeFolder()"><img src="/images/x3.png"></a>Choose a folder</h2> <div class="popup_main"> <ul> <li> <select name="folderId" id="collect_folderId"> </select> </li> </ul> </div> <input type="hidden" id="collect_cultural_id"> <a href="javascript:;" class="true" onclick="_collect.saveCollect()">Save</a><a href="javascript:;" class="del" onclick="_collect.closeFolder()">Cancel</a> </div> <script> $(document).ready(function() { listCultural(1,false,true); _track.common_view("szwwk_HomePage"); _common_a.upateTip(); sensors.track('szwwk_HomePageView'); }) function dplusAddFavorite(_uuid){ var _this = $("#cultural-"+_uuid); if(typeof(_this) != "undefined"){ dplus.track("add_favorite",{"collection":_this.attr("cultural-name"),"number":_this.attr("cultural-number"),"collection_type":_this.attr("cultural-category"),"dynasty":_this.attr("cultural-dynasty") }); } } function antiReptileFallBack(){ window.location.reload() } </script> </body> </html>