让商务通窗口二次弹出自定义div代码

阅读数: 时间:2021-10-13 来源:发菜网站建设制作,专业做网站已十年 标签: SEM营销 医疗网站推广 商务通 it资讯
自定义商务通二次弹出原理,商务通窗口被关闭后,指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景,实际运用中可替换为图片。
核心代码:
复制代码 代码如下:
<script>
function hideSwt(){
document.getElementById("swtBox").style.display='none';//隐藏弹出窗口
//设置定时器,5秒后显示弹出窗口
setTimeout(function(){
document.getElementById("swtBox").style.display='block';
},5000);
}
</script>
效果截图:
自定义商务通二次弹出原理
代码如下:
<title></title>

<style type="text/css">

#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 href="javascript:;" id="close" onclick="hideSwt();" title="关闭">X</a></div>

<p>演示:自定义商务通二次弹出原理</p>

推荐文章/ Related products

最新案例/ LATEST CASES

发菜网络工作室外贸建站专注企业外贸网站设计制作

提供专业的外贸网站设计、小语种站群、Google ADS推广、谷歌SEO优化、AI大数据营销、SNS社媒营销
立即咨询
X微信咨询

截屏,微信识别二维码

微信号:gdfacai

(点击微信号复制,添加好友)

  打开微信

微信号已复制,请打开微信添加咨询详情!
电话咨询
在线客服
微信咨询
关注我们
在线留言
返回顶部
关闭

网站需求

您的公司
您的姓名*
您的手机*
您的需求
感谢您的咨询,我们会尽快给您回复!