Meta Description" name="description" />
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body onload="document.getElementById('id01').style.display='block'"
<div class="w3-container">
<style>
.w3-display-topright {
position: absolute;
right: -20px;
top: -25px;
background: #dd3333;
border-radius: 50%;
/* width: 20px; */
/* height: 30px; */
/* text-align: center; */
/* align-items: center; */
border: 1px solid #fff;
color: #fff;
font-size: 15px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
}
.w3-modal{
padding-top:200px;
}
.w3-container, .w3-panel{
padding:0px !important;
}
@media only screen and (max-width:500px){
.w3-modal{
padding-top:35%;
}
.w3-display-topright{
right: 0px;
}
}
</style>
<div id="id01" class="w3-modal">
<div class="w3-modal-content" style="width:550px;">
<header class="w3-container">
<span onclick="document.getElementById('id01').style.display='none'"
class="w3-button w3-display-topright">×</span>
</header>
<div class="w3-container">
<a href=https://24ora.com target="_blank"><img src="https://24ora.com/wp-content/uploads/2023/12/NY-AD-2024.jpg" style="width:100%"></a></div>
<footer class="w3-container"></footer>
</div>
</div>
</div>
<script>
var modal = document.getElementById("id01");
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
document.getElementsByTagName("html")[0].style.overflow = "auto";
}
}
window.addEventListener('load', (event) => {
var elem = document.getElementById("id01");
if(elem.style.display == "block"){
document.getElementsByTagName("html")[0].style.overflow = "hidden";
}
var spanE = document.querySelector("span.w3-button.w3-display-topright");
spanE.addEventListener("click",function(){
document.getElementsByTagName("html")[0].style.overflow = "auto";
})
});
</script>
</body>
</html>
3
3
6KB
25KB
110.0ms
143.0ms
122.0ms