• <table id="ddxtv"></table>
    <p id="ddxtv"></p>

    <table id="ddxtv"></table>

  • <td id="ddxtv"><ruby id="ddxtv"></ruby></td>
    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

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

        打開微信

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

      網站需求

      您的公司
      您的姓名*
      您的手機*
      您的需求
      感謝您的咨詢,我們會盡快給您回復!
      国产一级A片久久精品

    2. <table id="ddxtv"></table>
      <p id="ddxtv"></p>

      <table id="ddxtv"></table>

    3. <td id="ddxtv"><ruby id="ddxtv"></ruby></td>