讓商務通窗口二次彈出自定義div代碼

讓商務通窗口二次彈出自定義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

(點擊微信號復制,添加好友)

  打開微信

微信號已復制,請打開微信添加咨詢詳情!
電話咨詢
在線客服
微信咨詢
關注我們
在線留言
返回頂部
關閉

網站需求

您的公司
您的姓名*
您的手機*
您的需求
感謝您的咨詢,我們會盡快給您回復!
十八禁免费A片v片无码网站播放