<pre id="kslnv"></pre>

    <table id="kslnv"></table>

    <table id="kslnv"><ruby id="kslnv"></ruby></table>
      <acronym id="kslnv"><strong id="kslnv"><xmp id="kslnv"></xmp></strong></acronym>
      1. 讓商務通窗口二次彈出自定義div代碼

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

        閱讀數: 時間:2021-10-13 來源:發菜網站建設制作,專業做網站已十年 標簽: it資訊 SEM營銷 醫療網站推廣 商務通
        自定義商務通二次彈出原理,商務通窗口被關閉后,指定時間后再次彈出。演示代碼僅使用純色作為彈出窗背景,實際運用中可替換為圖片。
        核心代碼:
        復制代碼 代碼如下:
        <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

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

          打開微信

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

        網站需求

        您的公司
        您的姓名*
        您的手機*
        您的需求
        感謝您的咨詢,我們會盡快給您回復!
        91精品啪在线观看国产十八_在线观看国产精品va_久久青草38国产_18禁动漫无码无遮挡免费看

        <pre id="kslnv"></pre>

        <table id="kslnv"></table>

        <table id="kslnv"><ruby id="kslnv"></ruby></table>
          <acronym id="kslnv"><strong id="kslnv"><xmp id="kslnv"></xmp></strong></acronym>