{ const provinceElement = document.createElement('div'); provinceElement.className = 'province-item'; if (index === 0) { provinceElement.classList.add('active'); currentProvince = region; } provinceElement.innerHTML = ` ${region.province} ${region.count} `; provinceElement.addEventListener('click', function() { document.querySelectorAll('.province-item').forEach(item => { item.classList.remove('active'); }); this.classList.add('active'); currentProvince = region; showCities(region.cities); }); provinceList.appendChild(provinceElement); }); if (regionData.length > 0) { showCities(regionData[0].cities); } } // 显示城市列表 function showCities(cities, searchText = '') { const cityList = document.getElementById('cityList'); if (!cities || cities.length === 0) { cityList.innerHTML = ''; return; } let filteredCities = cities; if (searchText) { filteredCities = cities.filter(city => city.toLowerCase().includes(searchText.toLowerCase()) ); } if (filteredCities.length === 0) { cityList.innerHTML = ``; return; } cityList.innerHTML = filteredCities.map(city => { const isHighlight = searchText && city.toLowerCase().includes(searchText.toLowerCase()); return ``; }).join(''); } // 搜索功能 function initSearch() { const searchInput = document.getElementById('searchInput'); if (searchInput) { searchInput.addEventListener('input', function(e) { const searchText = e.target.value.toLowerCase().trim(); if (searchText === '') { // 恢复所有省份显示 document.querySelectorAll('.province-item').forEach(item => { item.style.display = 'flex'; }); // 显示当前选中省份的所有城市 if (currentProvince) { showCities(currentProvince.cities); } return; } // 搜索逻辑 let foundAnyMatch = false; let firstMatchedProvince = null; // 先检查所有省份 document.querySelectorAll('.province-item').forEach(item => { const provinceName = item.querySelector('span').textContent; const province = regionData.find(r => r.province === provinceName); const provinceMatch = provinceName.toLowerCase().includes(searchText); const hasMatchingCity = province.cities.some(city => city.toLowerCase().includes(searchText) ); if (provinceMatch || hasMatchingCity) { item.style.display = 'flex'; foundAnyMatch = true; if (!firstMatchedProvince && (provinceMatch || hasMatchingCity)) { firstMatchedProvince = province; } // 如果是省份匹配，自动选中 if (provinceMatch) { document.querySelectorAll('.province-item').forEach(i => i.classList.remove('active')); item.classList.add('active'); currentProvince = province; showCities(province.cities, searchText); } } else { item.style.display = 'none'; } }); // 处理城市匹配的情况 if (!foundAnyMatch) { document.getElementById('cityList').innerHTML = ``; } else if (firstMatchedProvince && !currentProvince.province.toLowerCase().includes(searchText)) { // 如果有城市匹配但当前省份不匹配，显示第一个匹配省份的城市 document.querySelectorAll('.province-item').forEach(item => { if (item.querySelector('span').textContent === firstMatchedProvince.province) { item.classList.add('active'); currentProvince = firstMatchedProvince; showCities(firstMatchedProvince.cities, searchText); } else { item.classList.remove('active'); } }); } }); } } // ============================================================ // 修改部分：图片放大切换（单击放大，再次单击缩小） // ============================================================ function openImageModal(src) { var modal = document.getElementById('image-modal'); var img = document.getElementById('modal-image'); // 如果当前是打开状态，则关闭（缩小） if (modal.style.display === 'flex') { modal.style.display = 'none'; document.body.style.overflow = 'auto'; return; } // 否则打开（放大） img.src = src; modal.style.display = 'flex'; document.body.style.overflow = 'hidden'; } // 关闭图片模态框（保持原有功能） function closeImageModal() { document.getElementById('image-modal').style.display = 'none'; document.body.style.overflow = 'auto'; } // 初始化 function initAll() { // 初始化地区选择组件 initProvinceList(); initSearch(); // 初始化图片模态框 const imageModal = document.getElementById('image-modal'); if (imageModal) { // 点击模态框背景关闭 imageModal.addEventListener('click', function(e) { closeImageModal(); }); // ESC键关闭模态框 document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeImageModal(); } }); // 修改：点击图片本身触发关闭（单击缩小） const modalImage = document.getElementById('modal-image'); if (modalImage) { modalImage.addEventListener('click', function(e) { e.stopPropagation(); // 阻止冒泡到背景 closeImageModal(); // 点击图片缩回 }); } } // 添加图片悬停效果 document.querySelectorAll('img[onclick]').forEach(img => { img.addEventListener('mouseenter', function() { this.style.transform = 'scale(1.02)'; }); img.addEventListener('mouseleave', function() { this.style.transform = 'scale(1)'; }); }); } // 页面加载完成后初始化 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initAll); } else { initAll(); }

🚀 鲸云 IP：专为游戏与业务运营设计的高匿名代理服务平台

鲸云 IP 是一个跨领域的服务品牌集合，以 “IP 资源管理” 为核心，在网络代理、企业数字化、云游戏、物联网等领域形成差异化产品矩阵。其核心价值在于通过 IP 技术创新，解决不同场景下的网络安全、效率提升与资源优化需求，服务覆盖个人玩家、中小企业及大型机构。

🎯 核心功能

鲸云 IP 真实 IP 资源，提供全国 200 + 城市住宅 IP，模拟真实用户网络环境，降低账号封禁风险，毫秒级自动更换 IP，支持 API 批量操作，规避平台风控检测。99.9% 网络可用率，保障 24 小时持续稳定连接，挂机不掉线。

🌐 广泛兼容

鲸云 IP 双协议兼容，完美支持 SOCKS5/HTTP 协议，适配主流游戏模拟器与业务系统。，提供四类差异化线路 —— 静态混合 IP（20-30Mbps，部分 100Mbps，高带宽需求适配）、特价混合 IP（2-5Mbps，高性价比，基础场景适用）、原生 ISP 家宽 IP（10Mbps，模拟真实家庭网络，游戏多开防封首选）、L2TP 协议线路（软路由直连，企业级配置友好）。

🎮 适用业务场景

• 短视频运营：抖音、小红书、西瓜、快手等业务

• 游戏工作室：手游、端游批量起号、挂机等项目

• 模拟器多开：雷电/逍遥/蓝叠/MuMu/夜神等

• 软路由设备：ROS软路由、爱快、OpenWrt等

• 电商批量运营：电商多账号运营安全管理

🎁 套餐和价格（量大请联系客服）

套餐	带宽	IP类型	价格（月卡）
机房节点	3M-5M	云服务商	6.00元
家庭A区	3M-5M	家庭拨号	8.00元
家庭B区	3M-5M	家庭住宅	7.00元
定制A区	10M-50M	家庭拨号	30.00元
定制B区	10M-50M	家庭住宅	25.00元

🖼️️ 后台截图（点击图片可放大查看）

📋 合规与售后保障

鲸云IP平台建立实时后台日志监控系统，严禁将IP用于非法用途，违规账号将立即封禁且不予退款，确保服务合规性。提供7*24小时不间断IP供应与即时响应客服，用户可联系客服申请免费测试，满意后再付款，大幅降低决策风险。