ay = 'block'; document.querySelector('.breadcrumb li:last-child').innerHTML = '纸飞机|Telegram发布重大更新:新增频道数据分析功能'; } // 默认显示列表页 showNewsList(); // 为演示添加切换功能 // 在实际网站中,点击新闻标题应该跳转到详情页 document.querySelectorAll('.news-card h3 a').forEach(link => { link.addEventListener('click', function(e) { e.preventDefault(); showNewsDetail(); }); }); // 分类筛选功能 document.querySelectorAll('.filter-btn').forEach(button => { button.addEventListener('click', () => { // 更新活跃按钮 if (button.parentElement.classList.contains('filter-options')) { button.parentElement.querySelectorAll('.filter-btn').forEach(btn => { btn.classList.remove('active'); }); button.classList.add('active'); } }); }); // 搜索功能 const searchInput = document.querySelector('.search-box input'); searchInput.addEventListener('input', () => { const searchTerm = searchInput.value.toLowerCase(); document.querySelectorAll('.news-card').forEach(card => { const title = card.querySelector('h3').textContent.toLowerCase(); const excerpt = card.querySelector('.news-excerpt').textContent.toLowerCase(); if (title.includes(searchTerm) || excerpt.includes(searchTerm)) { card.style.display = 'flex'; } else { card.style.display = 'none'; } }); });