Collection_The Palace Museum

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <link href="/favicon.ico" type="image/x-icon" rel="shortcut icon"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> <meta name="author" content="http://www.fractal-technology.com"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no,email=no,adress=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link rel="canonical" href="https://fonts.adobe.com/fonts/noto-sans-cjk-jp" />  <meta property="og:image" content="/Public/static/themes/logo_wx.png" /> <meta name="keywords" content=""> <meta property="og:title" content=""> <meta name="description" content=""> <meta property="og:description" content=""> <script type="text/javascript"> var descContent = ""; </script> <script type="text/javascript"> var shareTitle = "Collection_The Palace Museum_The Palace Museum"; </script> <title>Collection_The Palace Museum_The Palace Museum</title> <script type="text/javascript"> if (!window.matchMedia) { var el = document.createElement('div'); el.style.cssText = "position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #575757; z-index: 999999;"; el.innerHTML = '<div style="position: absolute; top: 40%; left: 0; right: 0; margin: auto; width: 80%; font-family: Microsoft YaHei; font-size: 2em; font-weight: bold; text-align: center; color: #fff;">您当前使用的浏览器版本过低，<br>建议尽快升级您的浏览器，以获得更好的浏览体验！</div>'; document.documentElement.appendChild(el); } </script>  <script src="/Public/static/themes/js/vendor.js"></script>  <script src="/Public/static/themes/js/main.js"></script> <link rel="stylesheet" href="/Public/static/themes/css/vendor.css">  <link rel="stylesheet" href="/Public/static/themes/css/main.css">  <script> function GetUrlPara() { var url = document.location.toString(); var arrUrl = url.split("?"); var para = arrUrl[1]; return para; } function GetUrlParam(paraName) { var url = document.location.toString(); var arrObj = url.split("?"); if (arrObj.length > 1) { var arrPara = arrObj[1].split("&"); var arr; for (var i = 0; i < arrPara.length; i++) { arr = arrPara[i].split("="); if (arr != null && arr[0] == paraName) { return arr[1]; } } return ""; } else { return ""; } } if(document.width <= 1024){ if(GetUrlParam('_wap') == '' || GetUrlParam('_wap') == undefined){ if(GetUrlPara() == '' || GetUrlPara() == undefined){ location.href = window.location.pathname + '?_wap=1'; }else{ location.href = window.location.href + '&_wap=1'; } } } </script> <script> var jsticket="bxLdikRXVbTPdHSM05e5u0D64CIXIhoLp9VLutZcC7FGbD5ewFttLsp4IfsjKT6Xy-5WX0wgAE3UVMDNzUAnWw", jsappid="wxf2548c6cd3e202ec"; </script> <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> <script type="text/javascript" > var imgUrl ="https://intl.dpm.org.cn/Public/static/themes/logo_wx.png"; // var lineLink = "https://www.ihchina.cn/jigou"; // var descContent = ''; // var shareTitle = ''; </script> <script type="text/javascript" src="/Public/static/share.js"></script> <script> var filterXSS = function (oriStr) { if (!oriStr) { return oriStr; } var charCodes = ['3c', '3e', '27', '22', '28', '29', '60', { format: 'script{}', chr: '3a' }];//要转义字符的16进制ASCII码[1< 2> 3' 4" 5( 6) 7`] var xssChars = [], filterChars = [], tmpFormat = '{}', tmpChr; for (var i = 0; i < charCodes.length; i++) { if ('string' == typeof charCodes[i]) { tmpFormat = '{}'; tmpChr = charCodes[i]; } else { tmpFormat = charCodes[i].format; tmpChr = charCodes[i].chr } xssChars.push(tmpFormat.replace('{}', '\\u00' + tmpChr)); xssChars.push(tmpFormat.replace('{}', '%' + tmpChr));//1次encode xssChars.push(tmpFormat.replace('{}', '%25' + tmpChr));//2次encode filterChars.push(tmpFormat.replace('{}', '&#x' + tmpChr + ';')); filterChars.push(tmpFormat.replace('{}', '%26%23x' + tmpChr + '%3B'));//1次encode filterChars.push(tmpFormat.replace('{}', '%2526%2523x' + tmpChr + '%253B'));//2次encode } for (var i = 0; i < xssChars.length; i++) { oriStr = oriStr.replace(new RegExp(xssChars[i], 'gi'), filterChars[i]); } //预防script: oriStr = oriStr.replace(/script[\u000d\u000a\u0020]+\:/, 'script:'); return oriStr; } 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); } </script> <script> (function (w, d, s, q) { 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/203561150.js'; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'aplus_queue'); //集成应用的appKey aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['appKey', 'sju7f7i35uxfjtmf3sxoj1jy'] }) aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['aplus-rhost-v', 'quickaplus-he-api-cn-shanghai.aliyuncs.com'] }); var lang = "en"; var langArr = { 'en':"英语", 'es':"西班牙语", 'ru':"俄罗斯语", 'jp':"日语", 'fr':"法语", 'zh':"汉语", } aplus_queue.push({ action: 'aplus.setMetaInfo', //覆盖全局属性 arguments: ['globalproperty', { languages : langArr[lang] }] }); aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['aplus-disable-apv', true] }); </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=1281234709", d = a.getElementsByTagName("script")[0], d.parentNode.insertBefore(c, d) } }(document, window.dplus || []), dplus.init("1281234709"); </script>  </head> <body class="lang-en"> <div class="topping-mod"></div> <div class="topp-feed"><div class="span">Feedback</div></div> <section> <div class="pop-mod pop-suggestion1"> <div class="pop-panel" pop-hide> <div class="pop-dialog"> <div class="pop-close"></div> <div class="pop-cont"> <div class="h fft">Feedback</div> <div class="form"> <div class="form-item"> <div class="dt">Your feedback</div> <div class="dd"> <div class="text"><textarea name="text" id="cont"></textarea></div> </div> </div> <div class="form-item"> <div class="dt">Verification Code </div> <div class="dd dd1"> <div class="input1"><input type="text" name="verify1" id="verify_img1"></div> <div class="yzm"> <img style="height: 100%;" title="看不清?点击切换" onclick="this.src='/Site/Passport/verify/type/feedback.html?'+Math.random()" alt="验证码" src="/Site/Passport/verify/type/feedback.html" id="codeimg1" class="i"> </div> <div class="icon"> <img src="/Public/static/themes/image/icon_sx.png" onclick="$('#codeimg1').click();" alt="" class="i" > </div> </div> </div> </div> <a href="javascript:;" class="submit feedback_btn">Submit</a> </div> </div> </div> </div> </section> <script> $('.topp-feed').on('click', function () { $('.pop-suggestion1').trigger('show'); }); var language = "en"; $(function(){ $('.feedback_btn').click(function(){ var data = { 'cont': $('#cont').val(), 'verify1': $("#verify_img1").val(), 'sour_url': window.location.pathname, 'language': language } if(!data['language']){ my_alert("Parameter error"); return false; } if(data['cont'] == ''){ my_alert("Please Input Your feedback "); return false; } // if( message['parts'] == '' && message['types'] == '' && message['nickname'] == '' && message['address'] == ''){ // my_alert("Please fill in at least one item"); // return false; // } if($('#verify_img1').val() == '') { my_alert("Please enter the verification code"); $('#codeimg1').click(); return false; }; $.post("/mes/send2.html" + '?' + Math.random(),data,function(data){ console.log(data); if(data.status){ $('#cont').val(''); $("#verify_img1").val('') my_alert("Submitted successfully",function(){ window.location.reload(); }); return false; }else{ my_alert(data.info); return false; } }) }); }) </script> <div class="pop-mod head-demo"> <div class="pop-close xicon icon-close"></div> <div class="pop-panel" pop-hide> <div class="box"> <div class="logo1"> <a href="/"> <img src="/Public/static/themes/image/logo1.png" alt="" class="i"> </a> </div> <div class="list"> <div class="li"> <div class="h"> <a href="/visit.html" >Visit</a> </div> <div class="link"> <div class="span"> <a href="/visit.html" >Opening Hours </a> </div><div class="span"> <a href="/visit.html#visit4" >Tickets </a> </div><div class="span"> <a href="/visit.html#fft" >Service Map</a> </div><div class="span"> <a href="/visit.html#visit5" >Visitor Trails</a> </div> </div> </div><div class="li"> <div class="h"> <a href="/explore.html" >Explore</a> </div> <div class="link"> <div class="span"> <a href="/explore.html#architecture2" >Highlights</a> </div><div class="span"> <a href="/explore.html#architecture4" >Culture</a> </div> </div> </div><div class="li"> <div class="h"> <a href="/collection_list.html" >Collection</a> </div> <div class="link"> </div> </div><div class="li"> <div class="h"> <a href="/exhibition/whats_on.html" >What’s On</a> </div> <div class="link"> <div class="span"> <a href="/news.html" >News</a> </div><div class="span"> <a href="/exhibition/list.html#tnav" >Current Exhibitions </a> </div><div class="span"> <a href="/exhibition/list.html?type=2#tnav" >Previous Exhibitions </a> </div><div class="span"> <a href="/article/halls/list.html" >Period Halls </a> </div><div class="span"> <a href="/exhibition/whats_on.html#whats_on4" >Galleries </a> </div> </div> </div><div class="li"> <div class="h"> <a href="/about_us.html" >About</a> </div> <div class="link"> <div class="span"> <a href="/about_us.html#about_us3" >Administration</a> </div><div class="span"> <a href="/about_us/departments.html" >Departments</a> </div><div class="span"> <a href="/about_us/academic.html" >Academic Organizations</a> </div><div class="span"> <a href="/about_us/icom.html" >ICOM-ITC</a> </div> </div> </div> </div> </div> </div> </div> <div class="pop-mod pop-search" unlock> <div class="l-wrap"> <div class="close" pop-hide></div> <div class="search-mod"> <div class="search-box"> <input type="text" class="search-input fft" placeholder="search"> <button class="search-submit xicon icon-search" type="submit"></button> </div> </div> </div> </div> <div class="pop-bottom-mask" style="background: #000;opacity: 0.2;"></div> <div class="pop-bottom pop-bottoms"> <div class="pop-mod pop-notify pop-notify-lxy"> <div class="l-wrap" > <div class="cookie"> <div class="c" style="min-height:14px;min-width:14px;">To ensure the website’s proper functioning, enhance your browsing experience, and recommend content that may be of interest to you, we store Cookies, Flash Cookies, or other local storage provided by your browser (or associated applications) on your computer or mobile device. These typically contain identifiers, site names, and some numbers and letters (collectively “Cookies”) that allow our website to remember your preferences. If your browser or browser add-on services allow, you can modify the Cookies acceptance level or refuse Cookies. For more information, please visit AboutCookies.org. However, please note that in some cases, this may affect your secure access to our website and require you to change user settings each time you visit our website. </div> <div class="ctrl" style="min-height:14px;"><a href="/detail/326.html" target="_blank" class="bn">Learn more</a> <div class="bn bns" pop-hide>Accept</div></div> </div> </div> </div> </div> <script> function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i].trim(); if (c.indexOf(name)==0) return c.substring(name.length,c.length); } return ""; } $(function () { var data = new Date(); var gettime = data.getTime(); data.setTime(gettime+180*24*60*60*1000); var expires = "expires="+data.toGMTString(); $('.pop-bottoms .bn.bns , .pop-bottom .close').click(function (){ document.cookie = 'pop_show = 1;path = / ;'+ expires; }); $('.pop-bottoms .bn.bns').click(function (){ $('.pop-bottoms').hide(); $('.pop-bottom-mask').hide(); $('.pop-bottom-mask').removeClass('x-show'); $('.pop-bottoms').removeClass('x-show').find('.pop-notify-lxy').removeClass('x-show'); }) var is_show = getCookie('pop_show'); if( is_show =='1' ){ $('.pop-bottoms').hide(); $('.pop-bottom-mask').hide(); $('.pop-bottom-mask').removeClass('x-show'); $('.pop-bottoms').removeClass('x-show').find('.pop-notify-lxy').removeClass('x-show'); }else{ $('.pop-bottoms').show(); $('.pop-bottom-mask').show(); $('.pop-bottom-mask').addClass('x-show'); $('.pop-bottoms').addClass('x-show').find('.pop-notify-lxy').addClass('x-show'); } }); </script>  <header class="x-header"> <div class="ht"> <div class="l-wrap"> <div class="sear search-parent"> <input type="text" class="click1"> <button class="submit xicon icon-search" type="submit"></button> </div> </div> </div> <div class="hb"> <div class="l-wrap"> <div class="menu-mod"> <div class="logo"><a href="/"><img src="/Public/static/themes_list/image/logo.png" alt="" class="i"></a></div> <div class="menu-btn"><span class="line"></span></div> </div> <div class="nav-mod"> <div class="search-box search-parent"> <input type="text" class="search-input click1"> <button class="search-submit xicon icon-search s_btn" type="submit"></button> </div> <div class="nav-box nav-lv1"> <div class="nav-item nav-lv1-item" data-id="127"> <div class="nav-tit nav-lv1-tit"> <a class="nav-link nav-lv1-link popb" href="/visit.html" >Visit</a> <div class="arr xicon icon-down"></div> </div> <div class="nav-lv nav-lv2"> <div class="nav-grp"> <div class="nav-item nav-lv2-item"> <div class="nav-tit nav-lv2-tit"> <a href="/visit.html" class="nav-link nav-lv2-link">Open Hours</a> </div> </div> <div class="nav-item nav-lv2-item"> <div class="nav-tit nav-lv2-tit"> <a href="/visit.html#visit4" class="nav-link nav-lv2-link">Tickets</a> </div> </div> <div class="nav-item nav-lv2-item"> <div class="nav-tit nav-lv2-tit"> <a href="/visit.html#fft" class="nav-link nav-lv2-link">Service Map</a> </div> </div> <div class="nav-item nav-lv2-item"> <div class="nav-tit nav-lv2-tit"> <a href="/visit.html#visit5" class="nav-link nav-lv2-link">Visitor Trails</a> </div> </div> </div> </div> </div> <div class="nav-item nav-lv1-item" data-id="128"> <div class="nav-tit nav-lv1-tit"> <a class="nav-link nav-lv1-link popb" href="/explore.html" >Explore</a> <div class="arr xicon icon-down"></div> </div> <div class="nav-lv nav-lv2"> <div class="nav-grp"> <div class="nav-item nav-lv2-item"> <div class="nav-tit nav-lv2-tit"> <a href="/explore.html#architecture2" class="nav-link nav-lv2-link">Highlights</a> </div> </div> <div class="nav-item nav-lv2-item"> <div class="nav-tit nav-lv2-tit"> <a href="/explore.html#architecture4" class="nav-link nav-lv2-link">Culture</a> </div> </div> </div> </div> </div> <div class="nav-item nav-lv1-item" data-id="129"> <div class="nav-tit nav-lv1-tit"> <a class="nav-link nav-lv1-link popb" href="/collection_list.html" >COLLECTION</a> </div> <div class="nav-lv nav-lv2"> <div class="nav-grp"> </div> </div> </div> <div class="nav-item nav-lv1-item" data-id="130"> <div class="nav-tit nav-lv1-tit"> <a class="nav-link nav-lv1-link popb" href="/exhibition/whats_on.html" >What’s On</a> <div class="arr xicon icon-down"></div> </div> <div class="nav-lv nav-lv2"> <div class="nav-grp"> <div class="nav-item nav-lv2-item"> <div class="nav-tit nav-lv2-tit"> <a href="/news.html" class="nav-link nav-lv2-link">News</a> </div> </div> <div class="nav-item nav-lv2-item"> <div class="nav-tit nav-lv2-tit"> <a href="/exhibition/list.html" class="nav-link nav-lv2-link">Current Exhibitions</a> </div> </div> <div class="nav-item nav-lv2-item"> <div class="nav-tit nav-lv2-tit"> <a href="/exhibition/list.html?type=2" class="nav-link nav-lv2-link">Previous Exhibitions </a> </div> </div> <div class="nav-item nav-lv2-item"> <div class="nav-tit nav-lv2-tit"> <a href="/article/halls/list.html" class="nav-link nav-lv2-link">Period Halls </a> </div> </div> <div class="nav-item nav-lv2-item"> <div class="nav-tit nav-lv2-tit"> <a href="/exhibition/whats_on.html#whats_on4" class="nav-link nav-lv2-link">Galleries </a> </div> </div> </div> </div> </div></div> </div> <div class="search-mod at-l" style="display: inline-block; z-index: 1;"> <div class="search-tap xicon icon-search"></div> <div class="search-box search-parent"> <input type="text" class="search-input click1"> <button class="search-submit xicon icon-search s_btn" type="submit" ></button> </div> </div> <div class="langs"> <div class="lang select-mod"> <div class="select-bar"> <div class="select-txt"> <div class="select-val">EN</div> </div> <div class="select-btn"></div> </div> <div class="select-cont"> <div class="select-opts">   <div class="select-item " data-val="en">English</div><div class="select-item " data-val="es">Español</div><div class="select-item ruso" data-val="ru">Русский язык </div><div class="select-item " data-val="jp">日本語</div><div class="select-item " data-val="fr">Français</div><div class="select-item " data-val="zh">中文</div> <script> $(function () { var lang = navigator.language; $('.x-header').find('.select-mod').find('.select-item').on('click', function () { var langs = $(this).attr("data-val"); if(langs != 'zh'){ $(this).parents('.lang.select-mod') .removeClass('sc-show') .find('.select-val').text($(this).data('val').toUpperCase()); }else{ $(this).parents('.lang.select-mod').removeClass('sc-show'); } langs = langs ? langs : "en" ; var langArr = { 'en':"英语", 'es':"西班牙语", 'ru':"俄罗斯语", 'jp':"日语", 'fr':"法语", 'zh':"汉语", } aplus_queue.push({ action: 'aplus.setMetaInfo', //覆盖全局属性 arguments: ['globalproperty', { languages : langArr[lang] }] }); if ($(this).data('val') === 'zh') { if(window.location.href.includes("2024chinesenewyear")){ chineseLink = "https://www.dpm.org.cn/topic/2024chinesenewyear.html"; window.open(chineseLink, '_self'); }else{ window.open(typeof chineseLink !== 'undefined' && chineseLink ? chineseLink : 'https://www.dpm.org.cn'); } } else { window.open(window.location.pathname + '?l=' + $(this).data('val'), '_self'); } return false; }) }) </script> </div> </div> </div> <div><a class="link" href="https://bookingticket.dpm.org.cn/" target="_blank">Tickets</a></div> </div> <div class="menu"> <div class="line"></div> </div> </div> </div> <script> $(function () { $('.ht button').click(function() { let keyword = $(this).siblings('input').val(); if (keyword) { // 搜索结果页搜索时原页跳转 if (typeof inSearchPage !== 'undefined' && inSearchPage === true) { window.open('/searchs/keywords/' + keyword, '_self'); } else { window.open('/searchs/keywords/' + keyword); } } }); $('.ht input').keyup(function(e) { if (e.keyCode === 13) { $(this).siblings('button').trigger('click'); } }); $('.click1').on('keyup', function(e){ if(e.keyCode==13){ $(this).parent().find('.s_btn').click(); } }); $('.s_btn').click(function(){ var key = ''; if($(this).parent().hasClass('.search-parent')){ key = $(this).parent().find('input').val(); }else{ key = $(this).parents('.search-parent').find('input').val(); } if ( key == "" || key == "1Longquan Celadon and Globalization" ) { my_alert("Please enter keywords"); return false; } // 搜索结果页搜索时原页跳转 if (typeof inSearchPage !== 'undefined' && inSearchPage === true) { window.open('/searchs/keywords/' + key, '_self'); } else { window.open('/searchs/keywords/' + key); } }) }) </script> <script> $('.langs a').click(function(){ var title = $(this).text(); aplus_queue.push({ action: 'aplus.record', arguments: ['DYZ_TicketsClick', 'CLK', { FuncButtonName : title, page_name : "DYZ_VisitView" }] }); }); </script> <script> $(function () { var lang = "en"; var langArr = { 'en':"英语", 'es':"西班牙语", 'ru':"俄罗斯语", 'jp':"日语", 'fr':"法语", 'zh':"汉语", } aplus_queue.push({ action: 'aplus.setMetaInfo', //覆盖全局属性 arguments: ['globalproperty', { languages : langArr[lang] }] }); }); </script> </header> <style> #myalert{ display:none; } .recruit .block1{ height: auto} .layer{background:url(/Public/static/images/con_mask.png);;position:fixed;left:0;right: 0;top:0;bottom: 0;width:100%;height:100%;z-index: 1000000;} .layer .myalert{padding:30px;background:#fff;width:240px;position:absolute;margin-top:-100px;top:50%;left:50%;margin-left:-120px;text-align:center; z-index: 100000} .layer .guan{background:url(/Public/static/images/close.png) no-repeat center; display:block;width:23px;height:23px;position:absolute;top:10px;right:10px;} .layer .text{padding-bottom:15px;font-size:16px;color:#474747;} .layer .button{background:none;border:1px solid #bbbbbb;width:91px;height:29px;font:14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif;color: #707070;} </style> <div id="myalert" class="layer"> <div class="myalert"> <a href="javascript:;" onclick="myalert_hide();" class="guan"></a> <div class="text">请输入关键字</div> <button class="button" id="my_ok" style="cursor:pointer ;opacity: 1;transform: translateY(0px);">Confirm</button> </div> </div> <script> function my_alert(text,callback) { $('#myalert').show(); $('#myalert .myalert div').html(text); $('#my_ok').click( function() { $('#myalert').hide(); if (typeof(callback) == 'function') { callback(); return false; } }); } function myalert_hide(){ $('#myalert').hide(); } </script> <script src="/Public/static/themes/js/masonry.js"></script> <main class="x-container"> <section> <div class="collection_class1">  <div class="slick-mod"> <div class="slick-item"> <a style="cursor:default"> <div class="img"><img src="/Uploads/Picture/2024/09/03/s66d6622bdc38d.jpeg" alt="" title="" class="i"></div> </a> </div> </div></div> </section> <section> <div class="bread-mod"> <div class="l-wrap"> <div class="bread-item"> <a class="bread-link" href="/">Home</a> </div> <div class="bread-item cur">Collection</div> </div> </div> </section> <section> <div class="collection_class2"> <div class="l-wrap"> <div class="tit fft" style="min-height:14px;min-width:14px;">Highlights</div>   <div class="items"> <div class="li" style="min-height:14px;min-width:14px;"><a href="/GoldandSilver/29836.html?_isa=1&l=en" target="_blank" > <div class="pic"><img src="/Uploads/Picture/2022/12/29/s63ac870fbf73a.png" alt="" title="" class="i" /></div> <div class="mask1"> <div class="p">Gold <i>Ruyi Scepter</i> Engraved with Floral Designs</div> </div> </a></div> <div class="li" style="min-height:14px;min-width:14px;"><a href="/EpigraphsandInscriptions_detail/51515.html?_isa=1&l=en" target="_blank" > <div class="pic"><img src="/Uploads/Picture/2025/01/22/s6790a5ea3eb7a_1008_1068_0_0.jpg" alt="" title="" class="i" /></div> <div class="mask1"> <div class="p">He Shan's Green Jade Seal in the Shape of a Dancer</div> </div> </a></div> <div class="li" style="min-height:14px;min-width:14px;"><a href="/Ceramicsis/1335.html?_isa=1&l=en" target="_blank" > <div class="pic"><img src="/Uploads/Picture/2025/01/22/s6790a7690ac0a_826_875_196_0.jpeg" alt="" title="" class="i" /></div> <div class="mask1"> <div class="p">Twin Vase with Floral Designs in Enamel </div> </div> </a></div> <div class="li" style="min-height:14px;min-width:14px;"><a href="/Jade/64014.html?_isa=1&l=en" target="_blank" > <div class="pic"><img src="/Uploads/Picture/2022/12/06/s638eb12a9eeb4_281_299_0_46.png" alt="" title="" class="i" /></div> <div class="mask1"> <div class="p">Jade Sculpture of Paulownia Trees Shading Young Ladies</div> </div> </a></div> <div class="li" style="min-height:14px;min-width:14px;"><a href="/ArticlesforDailyLife/97897.html?_isa=1&l=en" target="_blank" > <div class="pic"><img src="/Uploads/Picture/2024/02/04/s65bf06daa9b5b.jpg" alt="" title="" class="i" /></div> <div class="mask1"> <div class="p"><i>Zitan</i> Wood Screen with Boxwood Dragon-among-clouds Inlay</div> </div> </a></div> </div> </div> </div> </section> <section> <div class="collection_class3"> <div class="l-wrap"> <div class="lefts"> <div class="left topp-rr2"> <div class="nav_text put nav_text1"> <div class="up"> <div class="t">Category</div> <button></button> </div> <div class="nav_list">  <div class="five"> <div data-classify="category" class="nav_li searchCategory" data-value="132"> <div class="icon"></div> <div class="p" data-tit="Paintings">Paintings</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="133"> <div class="icon"></div> <div class="p" data-tit="Calligraphy">Calligraphy</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="167"> <div class="icon"></div> <div class="p" data-tit="Rubbings">Rubbings</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="168"> <div class="icon"></div> <div class="p" data-tit="Bronze, Brass, and Copper">Bronze, Brass, and Copper</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="169"> <div class="icon"></div> <div class="p" data-tit="Gold and Silver">Gold and Silver</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="170"> <div class="icon"></div> <div class="p" data-tit="Lacquer">Lacquer</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="171"> <div class="icon"></div> <div class="p" data-tit="Enamels">Enamels</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="172"> <div class="icon"></div> <div class="p" data-tit="Jade">Jade</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="173"> <div class="icon"></div> <div class="p" data-tit="Sculpture">Sculpture</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="174"> <div class="icon"></div> <div class="p" data-tit="Ceramics">Ceramics</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="175"> <div class="icon"></div> <div class="p" data-tit="Textiles">Textiles</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="176"> <div class="icon"></div> <div class="p" data-tit="Carvings">Carvings</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="177"> <div class="icon"></div> <div class="p" data-tit="Other Crafts">Other Crafts</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="178"> <div class="icon"></div> <div class="p" data-tit="Scholar's Tools">Scholar's Tools</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="179"> <div class="icon"></div> <div class="p" data-tit="Articles for Daily Life">Articles for Daily Life</div> </div>    <div data-classify="category" class="nav_li searchCategory" data-value="180"> <div class="icon"></div> <div class="p " data-tit="Timepieces and Instruments">Timepieces and Instruments</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="181"> <div class="icon"></div> <div class="p " data-tit="Jewelry and Decoration">Jewelry and Decoration</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="182"> <div class="icon"></div> <div class="p " data-tit="Religious Artefacts">Religious Artefacts</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="183"> <div class="icon"></div> <div class="p " data-tit="Arms, Armor and Ceremonial Articles">Arms, Armor and Ceremonial Articles</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="184"> <div class="icon"></div> <div class="p " data-tit="Imperial Seals and Albums">Imperial Seals and Albums</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="185"> <div class="icon"></div> <div class="p " data-tit="Epigraphs and Inscriptions">Epigraphs and Inscriptions</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="186"> <div class="icon"></div> <div class="p " data-tit="International Items">International Items</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="187"> <div class="icon"></div> <div class="p " data-tit="Other Artefacts">Other Artefacts</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="188"> <div class="icon"></div> <div class="p " data-tit="Historical Documents and Rare Books">Historical Documents and Rare Books</div> </div><div data-classify="category" class="nav_li searchCategory" data-value="189"> <div class="icon"></div> <div class="p " data-tit="Architectural Fragments, Models and Interiors">Architectural Fragments, Models and Interiors</div> </div> </div> </div>  </div> <div class="nav_text nav_text1"> <div class="up"> <div class="t">Period</div> <button></button> </div> <div class="nav_list">  <div class="five"> <div data-classify="period" class="nav_li searchPeriod" data-value="201"> <div class="icon"></div> <div class="p" data-tit="Neolithic Age">Neolithic Age</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="651"> <div class="icon"></div> <div class="p" data-tit="Xia dynasty">Xia dynasty</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="183"> <div class="icon"></div> <div class="p" data-tit="Shang dynasty">Shang dynasty</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="173"> <div class="icon"></div> <div class="p" data-tit="Zhou dynasty">Zhou dynasty</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="266"> <div class="icon"></div> <div class="p" data-tit="Spring and Autumn Period">Spring and Autumn Period</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="192"> <div class="icon"></div> <div class="p" data-tit="Warring States Period">Warring States Period</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="494"> <div class="icon"></div> <div class="p" data-tit="Qin dynasty">Qin dynasty</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="302"> <div class="icon"></div> <div class="p" data-tit="Han dynasty">Han dynasty</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="91"> <div class="icon"></div> <div class="p" data-tit="Three Kingdoms">Three Kingdoms</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="267"> <div class="icon"></div> <div class="p" data-tit="Jin dynasty（265-420）">Jin dynasty（265-420）</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="168"> <div class="icon"></div> <div class="p" data-tit="Northern and Southern Dynasties">Northern and Southern Dynasties</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="518"> <div class="icon"></div> <div class="p" data-tit="Sui dynasty">Sui dynasty</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="174"> <div class="icon"></div> <div class="p" data-tit="Tang dynasty">Tang dynasty</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="114"> <div class="icon"></div> <div class="p" data-tit="Five Dynasties and Ten States">Five Dynasties and Ten States</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="501"> <div class="icon"></div> <div class="p" data-tit="Liao Dynasty">Liao Dynasty</div> </div>    <div data-classify="period" class="nav_li searchPeriod" data-value="186"> <div class="icon"></div> <div class="p" data-tit="Song dynasty">Song dynasty</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="511"> <div class="icon"></div> <div class="p" data-tit="Jin dynasty（1115-1234）">Jin dynasty（1115-1234）</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="115"> <div class="icon"></div> <div class="p" data-tit="Yuan dynasty">Yuan dynasty</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="205"> <div class="icon"></div> <div class="p" data-tit="Ming dynasty">Ming dynasty</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="306"> <div class="icon"></div> <div class="p" data-tit="Qing dynasty">Qing dynasty</div> </div><div data-classify="period" class="nav_li searchPeriod" data-value="509"> <div class="icon"></div> <div class="p" data-tit="Modern">Modern</div> </div> </div> </div>  </div> <div class="nav_text nav_text3"> <div class="up"> <div class="t">Color</div> <button></button> </div> <div class="nav_list">  <div class="five"> <div data-classify="color" class="nav_li searchColor" data-value="ffffff"> <div class="color" style="background-color: #ffffff;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="666666"> <div class="color" style="background-color: #666666;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="000000"> <div class="color" style="background-color: #000000;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="cc9933"> <div class="color" style="background-color: #cc9933;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="cc6633"> <div class="color" style="background-color: #cc6633;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="ff3333"> <div class="color" style="background-color: #ff3333;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="cc0033"> <div class="color" style="background-color: #cc0033;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="cc99cc"> <div class="color" style="background-color: #cc99cc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="cc66cc"> <div class="color" style="background-color: #cc66cc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="cc00cc"> <div class="color" style="background-color: #cc00cc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="cc33cc"> <div class="color" style="background-color: #cc33cc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="339933"> <div class="color" style="background-color: #339933;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="336633"> <div class="color" style="background-color: #336633;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="996633"> <div class="color" style="background-color: #996633;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="999933"> <div class="color" style="background-color: #999933;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="003333"> <div class="color" style="background-color: #003333;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="6699cc"> <div class="color" style="background-color: #6699cc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="666699"> <div class="color" style="background-color: #666699;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="6633cc"> <div class="color" style="background-color: #6633cc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="9900cc"> <div class="color" style="background-color: #9900cc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="660033"> <div class="color" style="background-color: #660033;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="663300"> <div class="color" style="background-color: #663300;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="33cccc"> <div class="color" style="background-color: #33cccc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="66ffff"> <div class="color" style="background-color: #66ffff;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="66ccff"> <div class="color" style="background-color: #66ccff;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="3399cc"> <div class="color" style="background-color: #3399cc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="006699"> <div class="color" style="background-color: #006699;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="3333cc"> <div class="color" style="background-color: #3333cc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="3300cc"> <div class="color" style="background-color: #3300cc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="333366"> <div class="color" style="background-color: #333366;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="ffff66"> <div class="color" style="background-color: #ffff66;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="ccff66"> <div class="color" style="background-color: #ccff66;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="ffcc66"> <div class="color" style="background-color: #ffcc66;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="cccc66"> <div class="color" style="background-color: #cccc66;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="00ffcc"> <div class="color" style="background-color: #00ffcc;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="00ff99"> <div class="color" style="background-color: #00ff99;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="99ff33"> <div class="color" style="background-color: #99ff33;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="33ff66"> <div class="color" style="background-color: #33ff66;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="99cc33"> <div class="color" style="background-color: #99cc33;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="33cc66"> <div class="color" style="background-color: #33cc66;"></div> </div><div data-classify="color" class="nav_li searchColor" data-value="33cc99"> <div class="color" style="background-color: #33cc99;"></div> </div> </div>  <div class="fivw"> </div> </div> </div> </div> </div> <div class="right"> <div class="ss"> <div class="sear">      </div> <div class="btns"> <div class="b b1 on"></div> <div class="b b2"></div> </div> </div> <div class="top"> <div class="dete">Clear All</div> </div> <div id="datalist" class="box_main">  </div> </div> </div> </div> <div id="yincang" style="display: none"></div> </section> </main> <script> var $grid,$grid1; var search = { tpl_file: "collection_list", pagesize: 12, category_id: 129, p:1 }; var _load = isload = 0; refrush("/searchs/collection", search, 'html'); function refrush( url, datas, renderType ) { $.get( url + '?' + Math.random(), datas, function(data) { if (data) { if ( data.status == 0 ) { my_alert( data.info ); } else { $('#yincang').html(data); $("#datalist").html(data); if( $(".collection_class3 .btns .b:eq(0)").hasClass('on') ) { $(".collection_class3 .box_main>div").eq(0).addClass("act").siblings().removeClass("act"); } if( $(".collection_class3 .btns .b:eq(1)").hasClass('on') ) { $(".collection_class3 .box_main>div").eq(1).addClass("act").siblings().removeClass("act"); } //setTimeout(function(){ $grid = $('.collection_class3 .list').masonry({ itemSelector: '.collection_class3 .list .list-item', columnWidth: '.collection_class3 .list .list-width', gutter: '.collection_class3 .list .list-space1' }); $grid.imagesLoaded().progress(function () { $grid.masonry('layout'); }); $grid1 = $('.collection_class3 .list1').masonry({ itemSelector: '.collection_class3 .list1 .list-item', columnWidth: '.collection_class3 .list1 .list-width', gutter: '.collection_class3 .list1 .list-space' }); $grid1.imagesLoaded().progress(function () { $grid1.masonry('layout'); }); //},500) } } }); } /*function refrush (url, datas, renderType) { if(isload != 0){ return false; }else{ //为1停止加载 isload = 1; } //加载效果 $('#datalist .box.act .mo_hide ').show(); //没有下一页数据全部加载完动效 $('#datalist .box.act .mo_hide2 ').hide(); $.get(url + '?' + Math.random(), datas, function(data){ if(data) { if (data.status == 0) { my_alert(data.info); } else { if(renderType != 'append') { $('.collection_class3 .list-item').remove(); $('.collection_class3 .empty-data').remove(); $grid = $('.collection_class3 .list').masonry({ itemSelector: '.collection_class3 .list .list-item', columnWidth: '.collection_class3 .list .list-width', gutter: '.collection_class3 .list .list-space1' }); $grid.imagesLoaded().progress(function () { $grid.masonry('layout'); }); $grid1 = $('.collection_class3 .list1').masonry({ itemSelector: '.collection_class3 .list1 .list-item', columnWidth: '.collection_class3 .list1 .list-width', gutter: '.collection_class3 .list1 .list-space' }); $grid1.imagesLoaded().progress(function () { $grid1.masonry('layout'); }); } $('#yincang').html(data); setTimeout(function(){ if(!$grid){ if($('#yincang .list').length == 0){ var cloneItem = $('#yincang .list .empty-data').html(); }else{ var cloneItem = $('#yincang .list').html(); } if (renderType === 'html') { $('.collection_class3 .list').html(cloneItem); } else if (renderType === 'append') { $('.collection_class3 .list').append(cloneItem); } setTimeout(function(){ $grid = $('.collection_class3 .list').masonry({ itemSelector: '.collection_class3 .list .list-item', columnWidth: '.collection_class3 .list .list-width', gutter: '.collection_class3 .list .list-space1' }); $grid.imagesLoaded().progress(function () { $grid.masonry('layout'); }); },500) }else{ var cloneItem = $('#yincang .list .list-item').clone(); if(cloneItem.length == 0){ cloneItem = $('#yincang .list .empty-data').clone(); } $grid.append(cloneItem).masonry('appended', cloneItem); $grid.imagesLoaded().progress(function() { $grid.masonry('layout'); }); } if(!$grid1){ if($('#yincang .list1 .list-item').length == 0){ var cloneItem1 = $('#yincang .list1 .empty-data').html(); }else{ var cloneItem1 = $('#yincang .list1').html(); } $('.collection_class3 .list1').append(cloneItem1); setTimeout(function(){ $grid1 = $('.collection_class3 .list1').masonry({ itemSelector: '.collection_class3 .list1 .list-item', columnWidth: '.collection_class3 .list1 .list-width', gutter: '.collection_class3 .list1 .list-space' }); $grid1.imagesLoaded().progress(function () { $grid1.masonry('layout'); }); },500) }else{ var cloneItem1 = $('#yincang .list1 .list-item').clone(); if(cloneItem1.length == 0){ cloneItem1 = $('#yincang .list1 .empty-data').clone(); } $grid1.append(cloneItem1).masonry('appended', cloneItem1); $grid1.imagesLoaded().progress(function() { $grid1.masonry('layout'); }); } //隐藏加载效果 $('#datalist .box.act .mo_hide ').hide(); if($('#yincang .list .removeadd').length < 1){ _load = 1; }else{ $('#datalist .box.act .mo_hide2 ').show(); _load = 0; } isload = 0; },300) } } }); }*/ function leftChoose(obj) { var classify = obj.data('classify') if (classify === 'category') { var tmpSearchCategory = []; $.each($('.searchCategory'), function(i, v){ if ($(v).hasClass('now')) { tmpSearchCategory.push($(v).data('value')); } }); search['category'] = tmpSearchCategory; } if (classify === 'period') { var tmpSearchPeriod = []; $.each($('.searchPeriod'), function(i, v){ if ($(v).hasClass('now')) { tmpSearchPeriod.push($(v).data('value')); } }); search['period'] = tmpSearchPeriod; } if (classify === 'color') { var tmpSearchColor = []; $.each($('.searchColor'), function(i, v){ if ($(v).hasClass('now')) { tmpSearchColor.push($(v).data('value')); } }); search['color'] = tmpSearchColor; } var hasLeftSearch = 0; if (search['category']) { if (search['category'].length > 0) { hasLeftSearch = 1; } } if (search['period']) { if (search['period'].length > 0) { hasLeftSearch = 1; } } if (search['color']) { if (search['color'].length > 0) { hasLeftSearch = 1; } } if (hasLeftSearch > 0) { $('.dete').addClass('like'); } search['p'] = 1; _load = 1; refrush("/searchs/collection", search, 'html'); } $(function(){ $('.searchBtn').click(function(){ var kw = $('.kw').val(); search['kw'] = kw; search['p'] = 1; _load = 1; refrush("/searchs/collection", search, 'html'); }); $('input.kw').keyup(function(e) { if (e.keyCode === 13) { $('.searchBtn').trigger('click'); } }); }) </script> <script> "use strict"; function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } $(function () { $(".collection_class3 .nav_list").mCustomScrollbar({}); $('.collection_class1 .slick-mod').slick({ autoplay: true, arrows: false, dots: true }); // pc $(".collection_class2 .items").slick({ autoplay: false, arrows: true, speed: 800, // draggable:false, // slidesToShow: 5, row: 1, slidesPerRow: 5, infinite: false, dots: false, responsive: [{ breakpoint: 1000, settings: _defineProperty({ variableWidth: false, row: 1, slidesPerRow: 2, dots: false }, "variableWidth", false) }, { breakpoint: 768, settings: _defineProperty({ variableWidth: false, row: 1, slidesPerRow: 1, dots: false }, "variableWidth", false) }] }); // 手机 // $(".collection_class2 .slick-mod").slick({ // autoplay: false, // arrows: true, // speed: 800, // // draggable:false, // // slidesToShow: 5, // slidesToScroll: 1, // infinite: false, // dots: false, // variableWidth:true, // responsive: [{ // breakpoint: 1000, // settings: { // variableWidth: false, // slidesToShow: 2, // slidesToScroll: 1, // dots: false, // variableWidth:false, // }, // }], // }) // 轮播蒙版显示 if ($(window).width() > 980) { $(".collection_class2 .li ").hover(function () { $(this).addClass("cur").siblings().removeClass("cur"); }); $(".collection_class2 .slick-slide div").each(function () { $(this).find(".li").first().addClass("cur"); }); } // 瀑布流 // var $grid = $('.collection_class3 .list').masonry({ // itemSelector: '.collection_class3 .list .list-item', // columnWidth: '.collection_class3 .list .list-width', // gutter: '.collection_class3 .list-space1' // }); // $grid.imagesLoaded().progress(function () { // $grid.masonry('layout'); // }); $(window).scroll(function () { var scrollTop = $(this).scrollTop(); var scrollHight = $(document).height(); var windowHeight = $(this).height(); //TODO 需要加搜索 //if(_load == 1){ // _load = 0; // search['p'] = search['p'] + 1; // refrush("/searchs/collection", search,'append'); //} // if (scrollTop >= scrollHight - windowHeight - 400) { // console.log(111); // var cloneItem = $('.list .list-item').slice(0, 5).clone(); // $grid.append(cloneItem).masonry('appended', cloneItem).masonry(); // } }); // 切换瀑布流 $(".collection_class3 .btns .b").click(function () { var inx = $(this).index(); $(this).addClass("on").siblings().removeClass("on"); // $(".forum6 .more_box>div").eq(inx).addClass("act").siblings().removeClass("act"); $(".collection_class3 .box_main>div").eq(inx).addClass("act").siblings().removeClass("act"); $('.collection_class3 .list-item').remove(); $('.collection_class3 .empty-data').remove(); $grid = $('.collection_class3 .list').masonry({ itemSelector: '.collection_class3 .list .list-item', columnWidth: '.collection_class3 .list .list-width', gutter: '.collection_class3 .list .list-space1' }); $grid.imagesLoaded().progress(function () { $grid.masonry('layout'); }); // $(window).scroll(function () { // var scrollTop = $(this).scrollTop(); // var scrollHight = $(document).height(); // var windowHeight = $(this).height(); // //TODO 需要加搜索 // if(_load == 1){ // _load = 0; // search['p'] = search['p'] + 1; // refrush("/searchs/collection", search,'append'); // } // // if (scrollTop >= scrollHight - windowHeight - 400) { // // var cloneItem = $('.list .list-item').slice(0, 5).clone(); // // $grid.append(cloneItem).masonry('appended', cloneItem).masonry(); // // } // }); // 瀑布流 $grid1 = $('.collection_class3 .list1').masonry({ itemSelector: '.collection_class3 .list1 .list-item', columnWidth: '.collection_class3 .list1 .list-width', gutter: '.collection_class3 .list1 .list-space' }); $grid1.imagesLoaded().progress(function () { $grid1.masonry('layout'); }); _load = 1; search['p'] = 1; refrush("/searchs/collection", search, 'html'); // $(window).scroll(function () { // var scrollTop = $(this).scrollTop(); // var scrollHight = $(document).height(); // var windowHeight = $(this).height(); // //TODO 需要加搜索 // if(_load == 1){ // _load = 0; // search['p'] = search['p']++; // refrush("/searchs/collection", search,'append'); // } // // if (scrollTop >= scrollHight - windowHeight - 400) { // // var cloneItem = $('.list1 .list-item').slice(0, 5).clone(); // // $grid1.append(cloneItem).masonry('appended', cloneItem).masonry(); // // } // }); }); //按钮切换样式 $(".collection_class3 .btns .b").click(function () { $(this).addClass("on").siblings().removeClass("on"); }); // 超过15个 $(".collection_class3 .down").click(function () { $(this).parent().toggleClass("xs"); $(this).parent().siblings().removeClass("xs"); }); // 测导航点击选中 $(".collection_class3 .nav_li").on('click', function () { if (isload == 1) { return false; } $(this).toggleClass("now"); }); //测导航点击整体开合 $(".collection_class3 .up").click(function () { $(this).parent().toggleClass("put").siblings().removeClass("put"); }); // 点击选择条件 $(".collection_class3 .nav_text1 .nav_li").click(function () { var _val1 = $(this).children(".p").attr("data-tit"); var classify = $(this).attr("data-classify"); var text = $(this).children(".p").text(); leftChoose($(this)); if ($(this).hasClass("now")) { $(".collection_class3 .right").find(".top").prepend("<div class='as'>" + "<span class='change' data-tit=" + text + ">" + "<i data-classify='"+classify+"' class='close'></i>" + _val1 + "</span></div>"); $(".collection_class3 .dete").addClass("like"); } else { $(".top .as").each(function () { var txt = $(this).find(".change").text(); if (txt == text) { $(this).remove(); } }); } $(".collection_class3 .dete").addClass("like"); if (!$(".as").length) { $(".collection_class3 .dete").removeClass("like"); } setTimeout(function(){ if($(".empty-data").html()){ var result = "无"; }else{ var result = "有"; } var title = $(this).text(); aplus_queue.push({ action: 'aplus.record', arguments: ['DYZ_CollectionSearchClick', 'CLK', { FuncButtonName : title, page_name : "DYZ_CollectionView", SearchTerm : _val1, ReturnValues : result }] }); },300) }); // $(document).on("click", ".collection_class3 .top .close", function () { // leftChoose($(this)); // $(this).closest(".as").remove(); // var nn = $(this).parent().text(); // $(".collection_class3 .nav_text1 .nav_li .p").each(function () { // var txt1 = $(this).text(); // // if (nn == txt1) { // $(this).parent().removeClass("now"); // $(this).closest(".as").remove(); // } // }); // // if (!$(".as").length) { // $(".collection_class3 .dete").removeClass("like"); // } // if(){} // // }); //点击全部删除 $(".collection_class3 .dete").click(function () { delete search['category']; delete search['period']; delete search['color']; leftChoose($(this)); $(".collection_class3 .nav_text1 .nav_li .p").each(function () { $(this).parent().removeClass("now"); $(this).closest(".as").remove(); }); $(".collection_class3 .nav_text3 .nav_li").each(function () { $(this).removeClass("now"); $(this).children().removeClass("col"); $(this).closest(".as").remove(); }); $('.as').remove(); $(this).removeClass('like'); // $(this).remove(); }); //颜色选择 $(".collection_class3 .nav_text.nav_text3 .color").on('click', function () { if (isload == 1) { return false; } $(this).toggleClass("col"); }); $(".collection_class3 .nav_text.nav_text3 .nav_li").click(function () { // var _val1 = $(this).children(".color").attr("data-tit"); var text = $(this).children(".color").css("background-color"); var item = $(this).find('.color').css("background-color"); var classify = $(this).data('classify'); leftChoose($(this)); if ($(this).hasClass("now")) { $(".collection_class3 .right").find(".top").prepend("<div data-tit='"+text+"' class='as asc'>" + "<span class='change' data-tit=" + text + ">" + "<i data-classify='"+classify+"' class='close'></i></span></div>"); if ($('.asc').length != 0) { $('.asc')[0].style.background = item; } } else { $(".top .asc").each(function () { var txt = $(this).css("background-color"); if (txt == text) { $(this).remove(); } }); } $(".collection_class3 .dete").addClass("like"); if (!$(".as").length) { $(".collection_class3 .dete").removeClass("like"); } }); $(document).on("click", ".collection_class3 .top .close", function () { $(this).closest(".as").remove(); var nn = $(this).parent().text(); if (nn == "") { nn = $(this).parent().parent().css("background-color"); } $(".collection_class3 .nav_text1 .nav_li .p").each(function () { var txt1 = $(this).text(); if (nn == txt1) { $(this).parent().removeClass("now"); $(this).closest(".as").remove(); } }); $(".collection_class3 .nav_li .color").each(function () { var txt1 = $(this).text(); if (txt1 == "") { txt1 = $(this).css("background-color"); } if (nn == txt1) { $(this).removeClass("col"); $(this).parent().removeClass("now"); $(this).closest(".as").remove(); } }); leftChoose($(this)); if (!$(".as").length) { $(".collection_class3 .dete").removeClass("like"); } }); var box1 = $(".collection_class3 .box_main").offset().top; var top = $(window).scrollTop(); if (box1 - top < $(window).height() / 2) { $(".paging_w").addClass("x-show"); } else { $(".paging_w").removeClass("x-show"); } $(window).scroll(function () { var box1 = $(".collection_class3 .box_main").offset().top; var top = $(window).scrollTop(); if (box1 - top < $(window).height() / 2) { $(".paging_w").addClass("x-show"); } else { $(".paging_w").removeClass("x-show"); } }); }); </script> <script> $(document).ready(function() { //页面手动手动pv sendPV // const {aplus_queue} = window; // 一个简单的demo aplus_queue.push({ 'action':'aplus.sendPV', 'arguments':[{ is_auto: false }, { //必传参数 ts: new Date().getTime(), //当前时间戳 path: window.location.href, //当前page的url page_name : "DYZ_CollectionView", duration: '1', // 手动pv,duration信息需要您自己计算 // 自定义PV参数key-value键值对 utmsource: filterXSS(getQueryVariable('utmsource'),{ stripIgnoreTagBody :['script','iframe'], stripIgnoreTag :true }), utmsign: filterXSS(getQueryVariable('utmsource'),{ stripIgnoreTagBody :['script','iframe'], stripIgnoreTag :true }) }] }); }); </script> <footer class="x-footer"> <div class="bt"> <div class="l-wrap"> <div class="l"> <div class="t fft" style="min-height:14px;min-width:14px;">Contact</div> <div class="ac"> <div class="ico"> <img src="/Uploads/Picture/2023/08/24/s64e6ee7a4bfb7.png" alt="" title="" class="i"> </div> <div class="bc"> <div class="dl" style="min-windth:50px;min-height:50px"><div class="dt">Address</div> <div class="dd">The Palace Museum 4 Jingshan Qianjie Beijing 100009 China</div></div> <div class="dl" style="min-windth:50px;min-height:50px"><div class="dt">Information</div> <div class="dd">(8610)400-950-1925</div></div> <div class="dl" style="min-windth:50px;min-height:50px"><div class="dt">E-mail</div> <div class="dd">gugong@dpm.org.cn</div></div> <div class="dl" style="min-windth:50px;min-height:50px"><div class="dt"><a href="/detail/297.html" target="_blank" >Image Services</a></div></div> </div> </div> </div> <div class="r" style="min-height:10px"><div class="cell"> <div class="t fft"> <a href="/visit.html" >Visit</a> </div> <div class="ul"> <div class="li"><a href="/visit.html" >Opening Hours </a></div><div class="li"><a href="/visit.html#visit4" >Tickets </a></div><div class="li"><a href="/visit.html#fft" >Service Map</a></div><div class="li"><a href="/visit.html#visit5" >Visitor Trails</a></div> </div> </div><div class="cell"> <div class="t fft"> <a href="/explore.html" >Explore</a> </div> <div class="ul"> <div class="li"><a href="/explore.html#architecture2" >Highlights</a></div><div class="li"><a href="/explore.html#architecture4" >Culture</a></div> </div> </div><div class="cell"> <div class="t fft"> <a href="/collection_list.html" >Collection</a> </div> </div><div class="cell"> <div class="t fft"> <a href="/exhibition/whats_on.html" >What’s On</a> </div> <div class="ul"> <div class="li"><a href="/news.html" >News</a></div><div class="li"><a href="/exhibition/list.html#tnav" >Current Exhibitions </a></div><div class="li"><a href="/exhibition/list.html?type=2#tnav" >Previous Exhibitions </a></div><div class="li"><a href="/article/halls/list.html" >Period Halls </a></div><div class="li"><a href="/exhibition/whats_on.html#whats_on4" >Galleries </a></div> </div> </div><div class="cell"> <div class="t fft"> <a href="/about_us.html" >About</a> </div> <div class="ul"> <div class="li"><a href="/about_us.html#about_us3" >Administration</a></div><div class="li"><a href="/about_us/departments.html" >Departments</a></div><div class="li"><a href="/about_us/academic.html" >Academic Organizations</a></div><div class="li"><a href="/about_us/icom.html" >ICOM-ITC</a></div> </div> </div></div> </div> </div> <div class="bb"> <div class="l-wrap"> <div class="l"> <div class="share-box" data-title="故宫博物院" data-desc="故宫博物院多语言" data-image="https://img0.baidu.com/it/u=2752033585,226220542&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=362"> <a href="#" class="share-item suds-mod xicon icon-wx"> <div class="suds-pop at-t"> <div class="code"></div> </div> </a> <a href="#" class="share-item xicon icon-wb" title="Share on Weibo"></a> </div> <div class="links" style="min-windth:50px;min-height:50px"><a href="/sitemap.html" target="_blank" class="link" >Site Map </a><a href="/detail/326.html" target="_blank" class="link" >Privacy Policy </a><a href="/detail/304.html" target="_blank" class="link" >Contact Us </a><a href="/detail/327.html" target="_blank" class="link" >Image Services </a></div> <div class="copy" style="min-windth:50px;min-height:50px">Copyright 2023 The Palace Museum all rights reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" >京ICP备05067311号-1 </a> <span class="s"><a href="http://www.fractal-technology.com" target="_blank">Powered by Fractal-technology</a></span></div> </div> <div class="r"> <div class="logo" style="min-windth:50px;min-height:50px"> <img src="/Uploads/Picture/2023/08/24/s64e6ee7a525e1.png" alt="" title="" class="i"> </div> </div> </div> </div> </footer> <style> .ico .widget-area-edit { top: 0px } .logo .widget-area-edit { top: 0px } </style> <script> "use strict"; $(function () { $('.exhibitions_list1 .slick-mod').slick({ autoplay: true, arrows: false, dots: true }); /// }); </script> <script src="/Public/static/jquery/makewords/makewords.js?v=1.0"></script> <script> $(function(){ // 自造词 setTimeout(function(){ new repWords($('body'), '/Public/static/jquery/makewords/'); },500); }) </script> <script> $(function () { $('.nav-lv1 .nav-item.nav-lv1-item').each(function (idx, ele) { var parent_id = 129; if ( parent_id == $(ele).data('id')) { $(ele).addClass('cur'); } else { $(ele).removeClass('cur') } }) }) </script>  </body> </html>

CINXE.COM

Collection_The Palace Museum_The Palace Museum