自定义商务通二次弹出原理
自定义商务通二次弹出原理,商务通窗口被关闭后,指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景,实际运用中可替换为图片。
核心代码:
效果截图:
<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、使用escape函数对中文进行编码;2、使用br标签进行换行。 效果如下图: 前台界面 提交到商务通后台的结果 提交到商务通后台的结果
- 网站商务通高级定制教程(1)
网站商务通高级定制教程(1),今天为大家介绍一下商务通的高级定制方面的知识,利用到了之前和大家说过的 商务通核心函数库解密格式化后的代码 中的一个函数。 实现功能: 邀请框二次弹出、自定义快速邀请框内容、邀请后浏览器标题显示新信息闪烁和一个使最小
随机推荐
- 商务通轨迹代码未加载出来前执行的打开商通对话的函数
医疗网站上的商务通代码在一些情况下可能出现无法加载的情况(常见的有网络速度慢,商务通服务器速度慢,商务通服务器受到攻击等),导致商务通代码无法执行,访客无法进入商务通进行咨询,这样错失了很多的对话机会,给我们造成很大的损失。 下面医疗模板库为
- 很炫的商务通效果
很炫的商务通效果 在线演示: 很炫的商务通效果 下载: 很炫的商务通效果 效果截图:
- 手机站底部邀请电话咨询,商务通咨询
手机站底部邀请电话咨询,商务通咨询,深绿色背景,包含拨打免费电话,在线咨询。 效果图:
- 表单提交到商务通后台 中文说明加换行的实现方法
实现将表单中的数据提交到商务通后台的效果,中文说明并且实现换行显示。 代码简单容易理解,这里就不多解释了。 要点:1、使用escape函数对中文进行编码;2、使用br标签进行换行。 效果如下图: 前台界面 提交到商务通后台的结果 提交到商务通后台的结果
- 网站商务通高级定制教程(1)
网站商务通高级定制教程(1),今天为大家介绍一下商务通的高级定制方面的知识,利用到了之前和大家说过的 商务通核心函数库解密格式化后的代码 中的一个函数。 实现功能: 邀请框二次弹出、自定义快速邀请框内容、邀请后浏览器标题显示新信息闪烁和一个使最小