• <dd id="mk64c"><tr id="mk64c"></tr></dd>
  • <legend id="mk64c"></legend>
    <button id="mk64c"></button>
  • <tbody id="mk64c"></tbody><dd id="mk64c"><source id="mk64c"></source></dd>
    <source id="mk64c"></source>

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

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

      打開微信

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

    網站需求

    您的公司
    您的姓名*
    您的手機*
    您的需求
    感謝您的咨詢,我們會盡快給您回復!
    伊人久久大香线蕉亚洲五月天
  • <dd id="mk64c"><tr id="mk64c"></tr></dd>
  • <legend id="mk64c"></legend>
    <button id="mk64c"></button>
  • <tbody id="mk64c"></tbody><dd id="mk64c"><source id="mk64c"></source></dd>
    <source id="mk64c"></source>