popup

Popup ad
IMG Url

IMG html code

<div id = "popup" class = "hidden modal">

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1130402913209900"
     crossorigin="anonymous"></script>
<!-- Pop-up -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1130402913209900"
     data-ad-slot="8621089808"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
<button type="button" class="close" id='close' data-dismiss="modal" style="color:Red" ><b>X</b></button>

        

<style>
#close {
  position: absolute;
  Bottom: 10%;
  left: 72%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
 border-radius: 12px;
Background-color: rgba(255,255,255,.5);
  color: #f70d1a;
  font-size: 17px;
  padding: 3px 3px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
 }
  

#popup {

  display: inline-block;

  opacity: 0;

  position: fixed;

  top: 20%;

  left: 50%;

  padding: 1em;

  transform: translateX(-50%);

  background: #fff;

  border: 1px solid #888;

  box-shadow: 1px 1px .5em 0 rgba(0, 0, 0, .5);

  transition: opacity .3s ease-in-out;

  z-index:99999;

}

 

#popup.hidden {

  display: none;

}

#popup.fade-in {

  opacity: 1;

}

</style>

<script>

window.onload = function () {

  /* Cache the popup. */

  var popup = document.getElementById("popup");

 

  /* Show the popup. */

  popup.classList.remove("hidden");

 

  /* Fade the popup in */

  setTimeout(()=>popup.classList.add("fade-in"));

 

  /* Close the popup when a city is selected. */

  document.getElementById("close").onclick = function () {

     /* Fade the popup out */

     popup.classList.remove("fade-in");

    

     /* Hide the popup. */

     setTimeout(()=>popup.classList.add("hidden"), 300);

  };

};

</script></div>
popup

IMG Url

IMG html code

إرسال تعليق

نموذج الاتصال
