自定义商务通二次弹出原理

自定义商务通二次弹出原理，商务通窗口被关闭后，指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景，实际运用中可替换为图片。

核心代码:

		<script>

		function hideSwt(){

		document.getElementById("swtBox").style.display='none';//隐藏弹出窗口

		//设置定时器，5秒后显示弹出窗口

		setTimeout(function(){

		document.getElementById("swtBox").style.display='block';

		},5000);

		}

		</script>

效果截图:

自定义商务通二次弹出原理

<title>自定义商务通二次弹出原理</title>
<style>
#swtBox {
	margin-top:-150px;
	margin-left:-220px;
	width:440px;
	height:300px;
	position:fixed;
	top:50%;
	left:50%;
	background:#CCC;
	_position: absolute;
	_top: expression(eval(document.documentElement.clientHeight/2+document.documentElement.scrollTop));
	_left: expression(eval(document.documentElement.clientWidth/2+document.documentElement.scrollLeft));
}
#swtBox #close{
	width:30px;
	height:30px;
	line-height:30px;
	position:absolute;
	top:0;
	right:0;
	display:block;
	background:#333;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
#swtBox #close:hover {
	background:#F00;
}
#swtBox #chat {
	width:100%;
	height:100%;
	display:block;
}
</style>

<script>
	function hideSwt(){
		document.getElementById("swtBox").style.display='none';//隐藏弹出窗口
		//设置定时器，5秒后显示弹出窗口
		setTimeout(function(){
			document.getElementById("swtBox").style.display='block';
		},5000);
	}
</script>

<div id="swtBox">
<a id="chat" href="javascript:;" onclick="openZoosUrl(); return false;" title="点击咨询在线专家"></a>
<a id="close" href="javascript:;" onclick="hideSwt();" title="关闭">X</a>
</div>
<p>演示：自定义商务通二次弹出原理</p>
<p>医疗模板库(www.120muban.com)收集整理 仅供学习参考，请勿用于商业用途</p>

随机推荐

网站商务通高级定制教程(1)
网站商务通高级定制教程(1)，今天为大家介绍一下商务通的高级定制方面的知识，利用到了之前和大家说过的商务通核心函数库解密格式化后的代码中的一个函数。实现功能：邀请框二次弹出、自定义快速邀请框内容、邀请后浏览器标题显示新信息闪烁和一个使最小
百度离线宝调用接口
医疗模板库(www.120muban.com)收集整理的百度离线宝调用接口，使用方便，可自定义离线宝样式。 //data-lxb-uid 为百度推广账户ID //data-lxb-gid 为离线宝分组ID，没有可留空。
商务通轨迹代码未加载出来前执行的打开商通对话的函数
医疗网站上的商务通代码在一些情况下可能出现无法加载的情况(常见的有网络速度慢，商务通服务器速度慢，商务通服务器受到攻击等)，导致商务通代码无法执行，访客无法进入商务通进行咨询，这样错失了很多的对话机会，给我们造成很大的损失。下面医疗模板库为
很好看的手机站底部
很好看的手机站底部，每个按钮宽度都是自适应的，适合不同屏幕分辨率的手机。代码整理格式化，去除无用代码，方便使用与修改。效果截图: 打包下载: 很好看的手机站底部
在商务通对话窗口中添加离线宝的方法
将以下代码通过商务通后台添加到商务通对话窗口中即可实现将离线宝加入商务通对话窗口。需要将 input id=uid value= 6026803 type=hidden name=uid 中的 6026803 替换为自己的开通了离线宝的百度推广账户ID 复制代码代码如下: p form id=lxb-data-form inp

自定义商务通二次弹出原理

相关文章

随机推荐