高卢雄鸡更新换代 全新阵容备战世界杯球队战术体系重构深度分析

{ link.addEventListener('click', function(e) { e.preventDefault(); const linkType = this.getAttribute('data-type'); const linkTitle = this.getAttribute('data-title'); const linkUrl = this.getAttribute('href'); // 添加点击效果 this.style.transform = 'scale(0.95)'; setTimeout(() => { this.style.transform = 'scale(1)'; }, 150); // 根据链接类型执行不同的操作 switch(linkType) { case 'recommendation': handleRecommendationClick(linkTitle, linkUrl); break; case 'team': handleTeamClick(linkTitle, linkUrl); break; case 'sitemap': handleSitemapClick(linkTitle, linkUrl); break; } }); // 添加悬停效果 link.addEventListener('mouseenter', function() { this.style.color = '#ffffff'; this.style.textDecoration = 'underline'; }); link.addEventListener('mouseleave', function() { this.style.color = ''; this.style.textDecoration = ''; }); }); // 处理推荐链接点击 function handleRecommendationClick(title, url) { console.log('推荐链接点击:', title, url); // 显示加载提示 showLoadingMessage('正在加载推荐内容...'); // 模拟加载延迟 setTimeout(() => { hideLoadingMessage(); // 如果是内部链接，直接跳转 if (url && url !== '#' && url !== 'javascript:void(0)') { window.location.href = url; } else { // 如果是外部链接或无效链接，显示提示 showNotification('推荐内容即将上线，敬请期待！', 'info'); } }, 500); } // 处理球队链接点击 function handleTeamClick(title, url) { console.log('球队链接点击:', title, url); // 显示加载提示 showLoadingMessage('正在加载球队信息...'); // 模拟加载延迟 setTimeout(() => { hideLoadingMessage(); // 如果是内部链接，直接跳转 if (url && url !== '#' && url !== 'javascript:void(0)') { window.location.href = url; } else { // 如果是外部链接或无效链接，显示提示 showNotification('球队详情页面即将上线，敬请期待！', 'info'); } }, 500); } // 处理网站地图链接点击 function handleSitemapClick(title, url) { console.log('网站地图链接点击:', title, url); // 显示加载提示 showLoadingMessage('正在加载页面...'); // 模拟加载延迟 setTimeout(() => { hideLoadingMessage(); // 如果是内部链接，直接跳转 if (url && url !== '#' && url !== 'javascript:void(0)') { window.location.href = url; } else { // 如果是外部链接或无效链接，显示提示 showNotification('页面正在建设中，敬请期待！', 'info'); } }, 300); } // 显示加载消息 function showLoadingMessage(message) { // 创建或获取加载提示元素 let loadingElement = document.getElementById('loading-message'); if (!loadingElement) { loadingElement = document.createElement('div'); loadingElement.id = 'loading-message'; loadingElement.style.cssText = ` position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(74, 144, 226, 0.9); color: white; padding: 15px 25px; border-radius: 8px; z-index: 9999; font-size: 14px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); `; document.body.appendChild(loadingElement); } loadingElement.textContent = message; loadingElement.style.display = 'block'; } // 隐藏加载消息 function hideLoadingMessage() { const loadingElement = document.getElementById('loading-message'); if (loadingElement) { loadingElement.style.display = 'none'; } } // 显示通知消息 function showNotification(message, type = 'info') { // 创建通知元素 const notification = document.createElement('div'); notification.style.cssText = ` position: fixed; top: 20px; right: 20px; background: ${type === 'info' ? '#4a90e2' : '#e74c3c'}; color: white; padding: 12px 20px; border-radius: 6px; z-index: 10000; font-size: 14px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); transform: translateX(100%); transition: transform 0.3s ease; `; notification.textContent = message; document.body.appendChild(notification); // 显示动画 setTimeout(() => { notification.style.transform = 'translateX(0)'; }, 100); // 自动隐藏 setTimeout(() => { notification.style.transform = 'translateX(100%)'; setTimeout(() => { document.body.removeChild(notification); }, 300); }, 3000); } });