资质证书

上一张 1 / 25 下一张

返回案例列表

微信扫码咨询

微信号：ICP153

在线咨询

留下您的联系方式，我们将尽快与您联系

// ==================== 悬浮窗交互 ==================== // 左侧微信二维码悬浮窗 const wechatBtn = document.getElementById('wechatBtn'); const wechatPanel = document.getElementById('wechatPanel'); if (wechatBtn && wechatPanel) { wechatBtn.addEventListener('click', function () { wechatPanel.classList.toggle('hidden'); }); } // 右侧留言悬浮窗 const messageBtn = document.getElementById('messageBtn'); const messagePanel = document.getElementById('messagePanel'); if (messageBtn && messagePanel) { messageBtn.addEventListener('click', function () { messagePanel.classList.toggle('hidden'); }); } // 留言表单提交 const messageForm = document.getElementById('messageForm'); const messageSuccess = document.getElementById('messageSuccess'); if (messageForm && messageSuccess) { messageForm.addEventListener('submit', function (e) { e.preventDefault(); const phone = document.getElementById('msgPhone').value.trim(); const content = document.getElementById('msgContent').value.trim(); // 手机号验证 if (!/^1[3-9]\\d{9}$/.test(phone)) { alert('请输入正确的手机号码'); return; } if (content.length < 5) { alert('请详细描述您的问题（至少5个字符）'); return; } console.log('提交留言 - 手机：' + phone + '，问题：' + content); // 显示成功状态 messageForm.classList.add('hidden'); messageSuccess.classList.remove('hidden'); // 3秒后重置表单 setTimeout(function () { messageForm.reset(); messageForm.classList.remove('hidden'); messageSuccess.classList.add('hidden'); }, 3000); }); } // 点击页面其他区域关闭悬浮窗 document.addEventListener('click', function (e) { const wechatPanel = document.getElementById('wechatPanel'); const wechatBtn = document.getElementById('wechatBtn'); const messagePanel = document.getElementById('messagePanel'); const messageBtn = document.getElementById('messageBtn'); if (wechatPanel && wechatBtn && !wechatPanel.contains(e.target) && !wechatBtn.contains(e.target)) { wechatPanel.classList.add('hidden'); } if (messagePanel && messageBtn && !messagePanel.contains(e.target) && !messageBtn.contains(e.target)) { messagePanel.classList.add('hidden'); } });