openDB.html!DOCTYPE html html langzh-cn head meta charsetutf-8 / title开放数据集/title meta namekeywords content开放 数据库 数据集 meta namedescription content这是开放的数据集的集合。 meta nameviewport contentinitial-scale1.0,widthdevice-width !--meta http-equiv Content-Security-Policy contentupgrade-insecure-requests-- meta http-equivAccess-Control-Allow-Origin content* / link relicon href/favicon.ico link relshortcut icon href/favicon.ico typeimage/x-icon link relpreload href../Font/AaBanRuoKaiShu-2.woff2 asfont typefont/woff2 link relstylesheet href../css/loadFont.css link relstylesheet href../css/commonstyle.css script async typetext/javascript src../js/utility.js charsetutf-8/script script typetext/javascript src../js/geolocation.js charsetutf-8/script script typetext/javascript src../js/get_DB_dnsisp.js charsetutf-8n/script script typetext/javascript src../js/show_DB_dnsisp.js charsetutf-8/script !--script typetext/javascript src/js/browserinfomation.js charsetutf-8/script-- script typetext/javascript src../js/search.js charsetutf-8/script script typetext/javascript charsetutf-8 var myWorker new Worker(/js/browserinfomation.js); /script style /* 基础样式重置 */ * { margin: 0; padding: 0; box-sizing: border-box; } body { line-height: 1.6; color: #333; } /* 抽屉菜单 */ .drawer { position: fixed; top: 0; top: 80px; left: -250px; width: 250px; height: 100vh; background: #fff; box-shadow: 2px 0 5px rgba(0,0,0,0.1); transition: left 0.3s ease; z-index: 1000; } .drawer.open { left: 0; } /* 菜单头部 */ .drawer-header { padding: 30px 20px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-align: center; } /* .drawer-header h2 { color: white; font-size: 1.8rem; font-weight: bold; margin-bottom: 5px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .drawer-header p { color: rgba(255, 255, 255, 0.8); font-size: 0.9rem; } */ /* 菜单项 */ /* .drawer-items { flex: 1; padding: 20px 0; } */ /* .drawer-item { display: flex; align-items: center; padding: 15px 25px; color: white; text-decoration: none; transition: all 0.3s ease; border-left: 4px solid transparent; font-size: 1.1rem; } */ /* .drawer-item:hover { background: rgba(255, 255, 255, 0.1); border-left-color: #ffd700; padding-left: 30px; } .drawer-item i { width: 30px; font-size: 1.2rem; opacity: 0.9; } */ /* 遮罩层 */ /* 无毛玻璃 */ /* .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 999; } */ /* 毛玻璃 */ .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; backdrop-filter: blur(3px); } .overlay.show { display: block; opacity: 1; visibility: visible; } /* 菜单按钮 */ .menu-btn { position: auto; top: 20px; left: 20px; z-index: 1001; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; color: white; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; font-size: 1.5rem; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); display: flex; align-items: center; justify-content: center; } .menu-btn:hover { transform: scale(1.1) rotate(90deg); box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5); } /* --- 方案三动态调整高度的标题栏 --- */ #smart-header { position: fixed; top: 0; left: 0; width: 100%; height: 80px; /* 初始高度 */ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); z-index: 1000; overflow: hidden; } /* 紧凑模式滚动时触发 */ #smart-header.compact { height: 50px; background: #764ba2; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } /* 标题样式 */ .header-title { font-size: 1.8rem; font-weight: bold; transition: all 0.3s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 修复 .header-title 内的链接下划线问题 */ /* 确保title-text继承header-title的样式 */ .header-title a#title-text { text-decoration: none !important; text-decoration-line: none !important; text-underline-offset: 0 !important; text-decoration-thickness: 0 !important; text-decoration-color: transparent !important; border-bottom: none !important; outline: none !important; box-shadow: none !important; background-image: none !important; color: inherit !important; /* 继承父元素颜色 */ font-size: inherit !important; /* 继承父元素字体大小 */ font-family: inherit !important; /* 继承父元素字体 */ font-weight: inherit !important; /* 继承父元素字重 */ line-height: inherit !important; /* 继承父元素行高 */ } /* 同时确保hover状态也没有下划线 */ .header-title a#title-text:hover, .header-title a#title-text:focus, .header-title a#title-text:active { text-decoration: none !important; background-image: none !important; border-bottom: none !important; box-shadow: none !important; } /* 图标容器 */ .header-icons { display: flex; gap: 15px; align-items: center; } /* --- 方案四手动隐藏/显示开关 --- */ .toggle-btn { background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.3); color: white; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; transition: all 0.3s ease; user-select: none; } .toggle-btn:hover { background: rgba(255, 255, 255, 0.3); transform: scale(1.05); } /* --- 方案五响应式设计移动端优化--- */ media (max-width: 768px) { #smart-header { height: 60px; padding: 0 15px; } #smart-header.compact { height: 45px; } .header-title { font-size: 1.4rem; max-width: 200px; } #smart-header.compact .header-title { font-size: 1.1rem; max-width: 150px; } .toggle-btn { width: 36px; height: 36px; font-size: 1rem; } .header-icons { gap: 10px; } } media (max-width: 480px) { .header-title { font-size: 1.2rem; max-width: 150px; } #smart-header.compact .header-title { font-size: 1rem; max-width: 120px; } .toggle-btn { width: 32px; height: 32px; } } /* 菜单按钮样式 */ .menu-btn { background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer; padding: 8px; border-radius: 4px; transition: background-color 0.2s; } .menu-btn:hover { background: rgba(255, 255, 255, 0.1); } /* 内容区域 */ .content { margin-top: 80px; /* 与标题栏初始高度匹配 */ padding: 30px 20px; transition: margin-top 0.3s ease; } /* 标题栏隐藏时的内容调整 */ #smart-header.hidden .content { margin-top: 20px; } /* 紧凑模式时的内容调整 */ #smart-header.compact .content { margin-top: 50px; } media (max-width: 768px) { .content { margin-top: 60px; } #smart-header.hidden .content { margin-top: 15px; } #smart-header.compact .content { margin-top: 45px; } } /* 内容卡片样式 */ .data-card { background: white; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease; border-left: 4px solid #764ba2; } .data-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); } .data-card h3 { color: #764ba2; margin-bottom: 10px; font-size: 1.3rem; } .data-card p { color: #666; font-size: 0.95rem; } /* 占位内容模拟您的数据项 */ .placeholder-content { /*height: 1200px;*/ background: linear-gradient(to bottom, transparent 95%, #f0f0f0 100%); } /style /head body script function toggleDrawer() { const drawer document.getElementById(drawer); const overlay document.getElementById(overlay); drawer.classList.toggle(open); overlay.classList.toggle(show); } /script !-- 智能自适应标题栏 -- header idsmart-header !-- 左侧菜单按钮 -- button classmenu-btn onclicktoggleDrawer() aria-label打开菜单☰/button div classdrawer iddrawer ul lia href#搜索/a/li lia href#检索保密信息/a/li /ul /div div classoverlay idoverlay onclicktoggleDrawer()/div !-- 中间标题 -- div classheader-titlea idtitle-text href../html/Welcome.html.php开放数据集/a/div !-- 右侧图标区域 -- div classheader-icons /div /header !-- 主要内容区域 -- main classcontent h2数据集列表/h2 !-- 这里放您的实际内容 -- div classdata-card h3上市公司董秘/h3 p包含A股上市公司董事会秘书的联系方式和基本信息。/p /div div classdata-card h3DNS提供商/h3 p全球主要DNS服务提供商的数据和分析。/p /div div classdata-card h3动漫分享库/h3 p动漫资源、资讯和社区讨论。/p /div div classdata-card h3纪录片分享库/h3 p高质量纪录片资源和相关元数据。/p /div div classdata-card h3专业软件分享库/h3 p专业软件集合。/p /div div classdata-card h3PDF库/h3 p电子书、文档、论文等PDF资源。/p /div div classdata-card h3标准文档分享库/h3 p各类技术标准、行业规范的文档集合。/p /div div classdata-card h3和风天气缓存数据集/h3 p历史天气数据缓存支持多种查询方式。/p /div div classdata-card h3静态地图/h3 p预先渲染的地图切片支持快速加载。/p /div div classdata-card h3背景图片/h3 p高质量背景图片资源库分类整理。/p /div div classdata-card h3图床/h3 p图片托管服务支持外链和API调用。/p /div div classdata-card h3图书馆/h3 p数字图书馆包含多种格式的电子资源。/p /div !-- 占位内容模拟长页面 -- div classplaceholder-content/div /main script // 获取DOM元素 const header document.getElementById(smart-header); const toggleBtn document.getElementById(toggleHeader); const content document.querySelector(.content); // 状态变量 let lastScrollTop 0; let isManuallyHidden false; const scrollThreshold 100; // 触发紧凑模式的滚动阈值 // --- 方案三滚动时自动调整动态高度 --- window.addEventListener(scroll, function() { if (isManuallyHidden) return; // 手动隐藏时禁用滚动效果 const scrollTop window.pageYOffset || document.documentElement.scrollTop; // 紧凑模式滚动超过阈值时添加紧凑样式 if (scrollTop scrollThreshold) { header.classList.add(compact); } else { header.classList.remove(compact); } // 记录最后滚动位置 lastScrollTop scrollTop; }); // --- 方案五移动端优化增强功能 --- // 1. 触摸滑动隐藏/显示 let touchStartY 0; let touchEndY 0; document.addEventListener(touchstart, function(e) { touchStartY e.changedTouches[0].screenY; }, { passive: true }); document.addEventListener(touchend, function(e) { if (isManuallyHidden) return; touchEndY e.changedTouches[0].screenY; const scrollTop window.pageYOffset || document.documentElement.scrollTop; // 在页面顶部且向下滑动时隐藏 if (scrollTop 50 touchEndY - touchStartY 50) { header.classList.add(compact); } // 向上滑动且标题栏处于紧凑模式时恢复 if (header.classList.contains(compact) touchStartY - touchEndY 30) { header.classList.remove(compact); } }, { passive: true }); // 2. 响应式调整内容区域边距 function updateContentMargin() { if (header.classList.contains(hidden)) { content.style.marginTop 20px; } else if (header.classList.contains(compact)) { content.style.marginTop header.offsetHeight px; } else { content.style.marginTop header.offsetHeight px; } } // 监听窗口大小变化 window.addEventListener(resize, updateContentMargin); // 初始化 updateContentMargin(); // 添加键盘快捷键支持可选功能 document.addEventListener(keydown, function(e) { // CtrlH 或 CmdH 切换标题栏显示 if ((e.ctrlKey || e.metaKey) e.key h) { e.preventDefault(); toggleBtn.click(); } }); /script /body /htmlHome.html!DOCTYPE html html langzh-cn head meta charsetutf-8 titleHome/title link relpreload href../Font/simkai.ttf asfont crossoriginanonymous meta nameviewport contentinitial-scale1.0,widthdevice-width !--meta http-equiv Content-Security-Policy contentupgrade-insecure-requests-- meta http-equivAccess-Control-Allow-Origin content* / meta http-equivContent-Security-Policy contentimg-src * meta namekeywords contentHome主页搜索和推荐 meta namedescription contentHome主页搜索查询和推荐。 !--图片加载比较慢的放到预加载-- !--link relpreload hrefhttps://www.w3.org/favicon.ico asimage-- !--link relpreload href../Font/simkai.ttf asfont-- link relpreload href/Font/AaBanRuoKaiShu-2.woff2 asfont typefont/woff2 crossorigin link relstylesheet href/css/loadFont.css link relstylesheet href/css/commonstyle.css link relstylesheet typetext/css hrefhttps://u1506257x0.goho.co/css/home.css / link hrefhttps://u1506257x0.goho.co/images/bitnami_favicon-16x16.png relicon sizes16x16 typeimage/png script src../js/loadFont.js/script style body{ font-stretch: normal; } /style /head body bgcolor#ffffff div aligncenter stylefont-size: 30px;background-color:#009fe0; a styletext-decoration:none;color:black; hrefhttps://u1506257x0.goho.co/html/Welcome.html.phpHOME/a /div div div styleoverflow-y:auto; div idsbox div ids_kw_wrap classsb_form_c tooltip aria-label输入搜索词 svg viewBox0 0 25 25 path stroke#007DAA stroke-width2.5 stroke-linecapround stroke-miterlimit10 fillnone dM23.75 23.75l-9-9/path circle stroke#007DAA stroke-width2.5 stroke-linecapround stroke-miterlimit10 cx9 cy9 r7.75 fillnone/circle /svg input placeholder输入搜索词 idsb_form_q classbg_s nameq typesearch maxlength100 autocompleteoff aria-labelledbysb_form_c autofocus aria-controlssw_as aria-autocompleteboth aria-ownssw_as /div /form /div /div div table tr td/td /tr /table /div div idqr_containor styleposition:absolute;bottom:0;left:50%; img idqr srchttps://u1506257x0.goho.co/images/alipay_cj_2.jpg altsupptstylemargin-left: -50%;width:110px;height:150px;align:center;/ /div /div div id_footer div a target_self hrefhttps://u1506257x0.goho.co/自转首页/anbsp;nbsp; a target_self hrefhttps://u1506257x0.goho.co/html/Welcome.htmlWelcome/anbsp;nbsp; a target_blank hrefhttps://u1506257x0.goho.co/新开首页/a /div /div /body /html
openDB.html!DOCTYPE html html langzh-cn head meta charsetutf-8 / title开放数据集/title meta namekeywords content开放 数据库 数据集 meta namedescription content这是开放的数据集的集合。 meta nameviewport contentinitial-scale1.0,widthdevice-width !--meta http-equiv Content-Security-Policy contentupgrade-insecure-requests-- meta http-equivAccess-Control-Allow-Origin content* / link relicon href/favicon.ico link relshortcut icon href/favicon.ico typeimage/x-icon link relpreload href../Font/AaBanRuoKaiShu-2.woff2 asfont typefont/woff2 link relstylesheet href../css/loadFont.css link relstylesheet href../css/commonstyle.css script async typetext/javascript src../js/utility.js charsetutf-8/script script typetext/javascript src../js/geolocation.js charsetutf-8/script script typetext/javascript src../js/get_DB_dnsisp.js charsetutf-8n/script script typetext/javascript src../js/show_DB_dnsisp.js charsetutf-8/script !--script typetext/javascript src/js/browserinfomation.js charsetutf-8/script-- script typetext/javascript src../js/search.js charsetutf-8/script script typetext/javascript charsetutf-8 var myWorker new Worker(/js/browserinfomation.js); /script style /* 基础样式重置 */ * { margin: 0; padding: 0; box-sizing: border-box; } body { line-height: 1.6; color: #333; } /* 抽屉菜单 */ .drawer { position: fixed; top: 0; top: 80px; left: -250px; width: 250px; height: 100vh; background: #fff; box-shadow: 2px 0 5px rgba(0,0,0,0.1); transition: left 0.3s ease; z-index: 1000; } .drawer.open { left: 0; } /* 菜单头部 */ .drawer-header { padding: 30px 20px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-align: center; } /* .drawer-header h2 { color: white; font-size: 1.8rem; font-weight: bold; margin-bottom: 5px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .drawer-header p { color: rgba(255, 255, 255, 0.8); font-size: 0.9rem; } */ /* 菜单项 */ /* .drawer-items { flex: 1; padding: 20px 0; } */ /* .drawer-item { display: flex; align-items: center; padding: 15px 25px; color: white; text-decoration: none; transition: all 0.3s ease; border-left: 4px solid transparent; font-size: 1.1rem; } */ /* .drawer-item:hover { background: rgba(255, 255, 255, 0.1); border-left-color: #ffd700; padding-left: 30px; } .drawer-item i { width: 30px; font-size: 1.2rem; opacity: 0.9; } */ /* 遮罩层 */ /* 无毛玻璃 */ /* .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 999; } */ /* 毛玻璃 */ .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; backdrop-filter: blur(3px); } .overlay.show { display: block; opacity: 1; visibility: visible; } /* 菜单按钮 */ .menu-btn { position: auto; top: 20px; left: 20px; z-index: 1001; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; color: white; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; font-size: 1.5rem; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); display: flex; align-items: center; justify-content: center; } .menu-btn:hover { transform: scale(1.1) rotate(90deg); box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5); } /* --- 方案三动态调整高度的标题栏 --- */ #smart-header { position: fixed; top: 0; left: 0; width: 100%; height: 80px; /* 初始高度 */ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); z-index: 1000; overflow: hidden; } /* 紧凑模式滚动时触发 */ #smart-header.compact { height: 50px; background: #764ba2; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } /* 标题样式 */ .header-title { font-size: 1.8rem; font-weight: bold; transition: all 0.3s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 修复 .header-title 内的链接下划线问题 */ /* 确保title-text继承header-title的样式 */ .header-title a#title-text { text-decoration: none !important; text-decoration-line: none !important; text-underline-offset: 0 !important; text-decoration-thickness: 0 !important; text-decoration-color: transparent !important; border-bottom: none !important; outline: none !important; box-shadow: none !important; background-image: none !important; color: inherit !important; /* 继承父元素颜色 */ font-size: inherit !important; /* 继承父元素字体大小 */ font-family: inherit !important; /* 继承父元素字体 */ font-weight: inherit !important; /* 继承父元素字重 */ line-height: inherit !important; /* 继承父元素行高 */ } /* 同时确保hover状态也没有下划线 */ .header-title a#title-text:hover, .header-title a#title-text:focus, .header-title a#title-text:active { text-decoration: none !important; background-image: none !important; border-bottom: none !important; box-shadow: none !important; } /* 图标容器 */ .header-icons { display: flex; gap: 15px; align-items: center; } /* --- 方案四手动隐藏/显示开关 --- */ .toggle-btn { background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.3); color: white; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; transition: all 0.3s ease; user-select: none; } .toggle-btn:hover { background: rgba(255, 255, 255, 0.3); transform: scale(1.05); } /* --- 方案五响应式设计移动端优化--- */ media (max-width: 768px) { #smart-header { height: 60px; padding: 0 15px; } #smart-header.compact { height: 45px; } .header-title { font-size: 1.4rem; max-width: 200px; } #smart-header.compact .header-title { font-size: 1.1rem; max-width: 150px; } .toggle-btn { width: 36px; height: 36px; font-size: 1rem; } .header-icons { gap: 10px; } } media (max-width: 480px) { .header-title { font-size: 1.2rem; max-width: 150px; } #smart-header.compact .header-title { font-size: 1rem; max-width: 120px; } .toggle-btn { width: 32px; height: 32px; } } /* 菜单按钮样式 */ .menu-btn { background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer; padding: 8px; border-radius: 4px; transition: background-color 0.2s; } .menu-btn:hover { background: rgba(255, 255, 255, 0.1); } /* 内容区域 */ .content { margin-top: 80px; /* 与标题栏初始高度匹配 */ padding: 30px 20px; transition: margin-top 0.3s ease; } /* 标题栏隐藏时的内容调整 */ #smart-header.hidden .content { margin-top: 20px; } /* 紧凑模式时的内容调整 */ #smart-header.compact .content { margin-top: 50px; } media (max-width: 768px) { .content { margin-top: 60px; } #smart-header.hidden .content { margin-top: 15px; } #smart-header.compact .content { margin-top: 45px; } } /* 内容卡片样式 */ .data-card { background: white; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease; border-left: 4px solid #764ba2; } .data-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); } .data-card h3 { color: #764ba2; margin-bottom: 10px; font-size: 1.3rem; } .data-card p { color: #666; font-size: 0.95rem; } /* 占位内容模拟您的数据项 */ .placeholder-content { /*height: 1200px;*/ background: linear-gradient(to bottom, transparent 95%, #f0f0f0 100%); } /style /head body script function toggleDrawer() { const drawer document.getElementById(drawer); const overlay document.getElementById(overlay); drawer.classList.toggle(open); overlay.classList.toggle(show); } /script !-- 智能自适应标题栏 -- header idsmart-header !-- 左侧菜单按钮 -- button classmenu-btn onclicktoggleDrawer() aria-label打开菜单☰/button div classdrawer iddrawer ul lia href#搜索/a/li lia href#检索保密信息/a/li /ul /div div classoverlay idoverlay onclicktoggleDrawer()/div !-- 中间标题 -- div classheader-titlea idtitle-text href../html/Welcome.html.php开放数据集/a/div !-- 右侧图标区域 -- div classheader-icons /div /header !-- 主要内容区域 -- main classcontent h2数据集列表/h2 !-- 这里放您的实际内容 -- div classdata-card h3上市公司董秘/h3 p包含A股上市公司董事会秘书的联系方式和基本信息。/p /div div classdata-card h3DNS提供商/h3 p全球主要DNS服务提供商的数据和分析。/p /div div classdata-card h3动漫分享库/h3 p动漫资源、资讯和社区讨论。/p /div div classdata-card h3纪录片分享库/h3 p高质量纪录片资源和相关元数据。/p /div div classdata-card h3专业软件分享库/h3 p专业软件集合。/p /div div classdata-card h3PDF库/h3 p电子书、文档、论文等PDF资源。/p /div div classdata-card h3标准文档分享库/h3 p各类技术标准、行业规范的文档集合。/p /div div classdata-card h3和风天气缓存数据集/h3 p历史天气数据缓存支持多种查询方式。/p /div div classdata-card h3静态地图/h3 p预先渲染的地图切片支持快速加载。/p /div div classdata-card h3背景图片/h3 p高质量背景图片资源库分类整理。/p /div div classdata-card h3图床/h3 p图片托管服务支持外链和API调用。/p /div div classdata-card h3图书馆/h3 p数字图书馆包含多种格式的电子资源。/p /div !-- 占位内容模拟长页面 -- div classplaceholder-content/div /main script // 获取DOM元素 const header document.getElementById(smart-header); const toggleBtn document.getElementById(toggleHeader); const content document.querySelector(.content); // 状态变量 let lastScrollTop 0; let isManuallyHidden false; const scrollThreshold 100; // 触发紧凑模式的滚动阈值 // --- 方案三滚动时自动调整动态高度 --- window.addEventListener(scroll, function() { if (isManuallyHidden) return; // 手动隐藏时禁用滚动效果 const scrollTop window.pageYOffset || document.documentElement.scrollTop; // 紧凑模式滚动超过阈值时添加紧凑样式 if (scrollTop scrollThreshold) { header.classList.add(compact); } else { header.classList.remove(compact); } // 记录最后滚动位置 lastScrollTop scrollTop; }); // --- 方案五移动端优化增强功能 --- // 1. 触摸滑动隐藏/显示 let touchStartY 0; let touchEndY 0; document.addEventListener(touchstart, function(e) { touchStartY e.changedTouches[0].screenY; }, { passive: true }); document.addEventListener(touchend, function(e) { if (isManuallyHidden) return; touchEndY e.changedTouches[0].screenY; const scrollTop window.pageYOffset || document.documentElement.scrollTop; // 在页面顶部且向下滑动时隐藏 if (scrollTop 50 touchEndY - touchStartY 50) { header.classList.add(compact); } // 向上滑动且标题栏处于紧凑模式时恢复 if (header.classList.contains(compact) touchStartY - touchEndY 30) { header.classList.remove(compact); } }, { passive: true }); // 2. 响应式调整内容区域边距 function updateContentMargin() { if (header.classList.contains(hidden)) { content.style.marginTop 20px; } else if (header.classList.contains(compact)) { content.style.marginTop header.offsetHeight px; } else { content.style.marginTop header.offsetHeight px; } } // 监听窗口大小变化 window.addEventListener(resize, updateContentMargin); // 初始化 updateContentMargin(); // 添加键盘快捷键支持可选功能 document.addEventListener(keydown, function(e) { // CtrlH 或 CmdH 切换标题栏显示 if ((e.ctrlKey || e.metaKey) e.key h) { e.preventDefault(); toggleBtn.click(); } }); /script /body /htmlHome.html!DOCTYPE html html langzh-cn head meta charsetutf-8 titleHome/title link relpreload href../Font/simkai.ttf asfont crossoriginanonymous meta nameviewport contentinitial-scale1.0,widthdevice-width !--meta http-equiv Content-Security-Policy contentupgrade-insecure-requests-- meta http-equivAccess-Control-Allow-Origin content* / meta http-equivContent-Security-Policy contentimg-src * meta namekeywords contentHome主页搜索和推荐 meta namedescription contentHome主页搜索查询和推荐。 !--图片加载比较慢的放到预加载-- !--link relpreload hrefhttps://www.w3.org/favicon.ico asimage-- !--link relpreload href../Font/simkai.ttf asfont-- link relpreload href/Font/AaBanRuoKaiShu-2.woff2 asfont typefont/woff2 crossorigin link relstylesheet href/css/loadFont.css link relstylesheet href/css/commonstyle.css link relstylesheet typetext/css hrefhttps://u1506257x0.goho.co/css/home.css / link hrefhttps://u1506257x0.goho.co/images/bitnami_favicon-16x16.png relicon sizes16x16 typeimage/png script src../js/loadFont.js/script style body{ font-stretch: normal; } /style /head body bgcolor#ffffff div aligncenter stylefont-size: 30px;background-color:#009fe0; a styletext-decoration:none;color:black; hrefhttps://u1506257x0.goho.co/html/Welcome.html.phpHOME/a /div div div styleoverflow-y:auto; div idsbox div ids_kw_wrap classsb_form_c tooltip aria-label输入搜索词 svg viewBox0 0 25 25 path stroke#007DAA stroke-width2.5 stroke-linecapround stroke-miterlimit10 fillnone dM23.75 23.75l-9-9/path circle stroke#007DAA stroke-width2.5 stroke-linecapround stroke-miterlimit10 cx9 cy9 r7.75 fillnone/circle /svg input placeholder输入搜索词 idsb_form_q classbg_s nameq typesearch maxlength100 autocompleteoff aria-labelledbysb_form_c autofocus aria-controlssw_as aria-autocompleteboth aria-ownssw_as /div /form /div /div div table tr td/td /tr /table /div div idqr_containor styleposition:absolute;bottom:0;left:50%; img idqr srchttps://u1506257x0.goho.co/images/alipay_cj_2.jpg altsupptstylemargin-left: -50%;width:110px;height:150px;align:center;/ /div /div div id_footer div a target_self hrefhttps://u1506257x0.goho.co/自转首页/anbsp;nbsp; a target_self hrefhttps://u1506257x0.goho.co/html/Welcome.htmlWelcome/anbsp;nbsp; a target_blank hrefhttps://u1506257x0.goho.co/新开首页/a /div /div /body /html
