Acesse os melhores sites de resultados e notícias
🇧🇷 Campeonato Brasileiro
🌎 Competições Internacionais
🇪🇺 Futebol Europeu
📰 Notícias de Futebol
// Função para abrir links em nova aba
function openLink(url) {
// Abre o link em uma nova aba/janela
window.open(url, '_blank', 'noopener,noreferrer');
// Adiciona um pequeno feedback visual
event.target.style.transform = 'scale(0.95)';
setTimeout(() => {
event.target.style.transform = '';
}, 150);
}
// Adiciona efeito de ripple nos botões
document.addEventListener('DOMContentLoaded', function() {
const buttons = document.querySelectorAll('.football-btn');
buttons.forEach(button => {
button.addEventListener('click', function(e) {
const ripple = document.createElement('span');
const rect = this.getBoundingClientRect();
const size = Math.max(rect.width, rect.height);
const x = e.clientX - rect.left - size / 2;
const y = e.clientY - rect.top - size / 2;
ripple.style.cssText = `
position: absolute;
width: ${size}px;
height: ${size}px;
left: ${x}px;
top: ${y}px;
background: rgba(255,255,255,0.3);
border-radius: 50%;
transform: scale(0);
animation: ripple 0.6s linear;
pointer-events: none;
z-index: 1;
`;
this.appendChild(ripple);
setTimeout(() => {
ripple.remove();
}, 600);
});
});
// Adiciona o CSS da animação ripple
const style = document.createElement('style');
style.textContent = `
@keyframes ripple {
to {
transform: scale(4);
opacity: 0;
}
}
.football-btn {
position: relative;
overflow: hidden;
}
`;
document.head.appendChild(style);
});
// Função para analytics (opcional - pode ser removida se não necessária)
function trackClick(category, action, label) {
// Se você usar Google Analytics, pode descomentar a linha abaixo
// gtag('event', action, { 'event_category': category, 'event_label': label });
// Log para debug (pode ser removido em produção)
console.log(`Click tracked: ${category} - ${action} - ${label}`);
}
// Adiciona tracking aos cliques (opcional)
document.addEventListener('DOMContentLoaded', function() {
const buttons = document.querySelectorAll('.football-btn');
buttons.forEach(button => {
button.addEventListener('click', function() {
const text = this.querySelector('.btn-text').textContent;
const subtitle = this.querySelector('.btn-subtitle').textContent;
trackClick('Football Panel', 'Button Click', `${text} - ${subtitle}`);
});
});
});