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

模板网 2014-09-12

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

核心代码:

复制代码 代码如下:
<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. 很好看的手机站底部

    很好看的手机站底部,每个按钮宽度都是自适应的,适合不同屏幕分辨率的手机。代码整理格式化,去除无用代码,方便使用与修改。 效果截图: 打包下载: 很好看的手机站底部

  2. 网站商务通高级定制教程(1)

    网站商务通高级定制教程(1),今天为大家介绍一下商务通的高级定制方面的知识,利用到了之前和大家说过的 商务通核心函数库解密格式化后的代码 中的一个函数。 实现功能: 邀请框二次弹出、自定义快速邀请框内容、邀请后浏览器标题显示新信息闪烁和一个使最小

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

    自定义商务通二次弹出原理,商务通窗口被关闭后,指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景,实际运用中可替换为图片。 核心代码: 复制代码 代码如下: script function hideSwt(){ document.getElementById(swtBox).style.display=none;//隐藏

  4. 表单提交到商务通后台 中文说明加换行的实现方法

    实现将表单中的数据提交到商务通后台的效果,中文说明并且实现换行显示。 代码简单容易理解,这里就不多解释了。 要点:1、使用escape函数对中文进行编码;2、使用br标签进行换行。 效果如下图: 前台界面 提交到商务通后台的结果 提交到商务通后台的结果

  5. 360网站卫士常用前端公共库CDN服务

    360网站卫士常用前端公共库CDN服务 网址: http://libs.useso.com/ 这里提供了由360网站卫士CDN驱动的常用前端公共库以及和谐使用Google公共库字体库的调用方法 常用前端公共库 libs.useso.com 360网站卫士独立提供 这里为您提供常用的JavaScript前端库,托管

随机推荐

  1. 很好看的手机站底部

    很好看的手机站底部,每个按钮宽度都是自适应的,适合不同屏幕分辨率的手机。代码整理格式化,去除无用代码,方便使用与修改。 效果截图: 打包下载: 很好看的手机站底部

  2. 网站商务通高级定制教程(1)

    网站商务通高级定制教程(1),今天为大家介绍一下商务通的高级定制方面的知识,利用到了之前和大家说过的 商务通核心函数库解密格式化后的代码 中的一个函数。 实现功能: 邀请框二次弹出、自定义快速邀请框内容、邀请后浏览器标题显示新信息闪烁和一个使最小

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

    自定义商务通二次弹出原理,商务通窗口被关闭后,指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景,实际运用中可替换为图片。 核心代码: 复制代码 代码如下: script function hideSwt(){ document.getElementById(swtBox).style.display=none;//隐藏

  4. 表单提交到商务通后台 中文说明加换行的实现方法

    实现将表单中的数据提交到商务通后台的效果,中文说明并且实现换行显示。 代码简单容易理解,这里就不多解释了。 要点:1、使用escape函数对中文进行编码;2、使用br标签进行换行。 效果如下图: 前台界面 提交到商务通后台的结果 提交到商务通后台的结果

  5. 360网站卫士常用前端公共库CDN服务

    360网站卫士常用前端公共库CDN服务 网址: http://libs.useso.com/ 这里提供了由360网站卫士CDN驱动的常用前端公共库以及和谐使用Google公共库字体库的调用方法 常用前端公共库 libs.useso.com 360网站卫士独立提供 这里为您提供常用的JavaScript前端库,托管