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

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

                            打開微信

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

                          網站需求

                          您的公司
                          您的姓名*
                          您的手機*
                          您的需求
                          感謝您的咨詢,我們會盡快給您回復!
                          亚洲国产成人无码影片在线播放