创业论坛-职场创业讲堂

创业论坛

我也是有底线哒~

本次数据库查询：42次 页面加载耗时0.884 秒

职场创业讲堂
专注分享抖音直播带货、网上vip赚钱方法、vip课程视频教程、付费网络课程以及网赚培训，学习引流、建站、赚钱等，学项目技术从这里开始！
查看详情
集成客服弹窗的网页 /* 基础样式，确保弹窗在页面上居中显示 */ .modal { display: none; /* 默认不显示 */ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; background-color: white; border: 1px solid #ccc; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); width: 90%; max-width: 600px; /* 最大宽度 */ padding: 20px; overflow-y: auto; /* 允许内嵌内容滚动 */ } .modal-close { position: absolute; right: 10px; top: 10px; cursor: pointer; } iframe { width: 100%; height: 400px; /* 根据需要调整高度 */ border: none; } // 获取弹窗和按钮的DOM元素 var modal = document.getElementById('customerModal'); var openBtn = document.getElementById('openModalBtn'); var closeBtn = modal.querySelector('.modal-close'); var iframe = document.getElementById('customerIframe'); // 客服页面URL var customerPageUrl = 'https://work.weixin.qq.com/kfid/kfc7ca25ace777245ce'; // 打开客服弹窗 openBtn.addEventListener('click', function() { modal.style.display = 'block'; iframe.src = customerPageUrl; }); // 关闭客服弹窗 closeBtn.addEventListener('click', function() { modal.style.display = 'none'; iframe.src = 'about:blank'; // 清空iframe的src以避免内存泄漏 }); // 点击模态框外部区域关闭弹窗 window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; iframe.src = 'about:blank'; // 清空iframe的src } });
扫码添加微信-职场创业讲堂
在手机上浏览此页面