javascript

 <script> function turnoff(obj){ document.getElementById(obj).style.display="none"; } </script>

style.css

 .leftpop{ position: fixed; z-index: 99; left: 10px; bottom: 10px;} .leftpop .box{ -webkit-animation: rotate 0.4s linear alternate infinite; animation: rotate 0.4s linear alternate infinite;} .leftpop .close-btn{ position: absolute; z-index: 1; top: -5px; right: -5px; width: 20px; height: 20px; line-height: 18px; text-align: center; border-radius: 50%; background-color: rgba(0,0,0,.5); color: #fff;} @-webkit-keyframes rotate { 0% { transform: rotate(-5deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(5deg);; }} @media screen and (max-width: 1221px) { .wapnone{display:none; } }

Code

 <div class="leftpop wapnone" id="xfad"> <a class="close-btn" href="javascript:;" onclick="javascript:turnoff('xfad')"><i class="fa fa-remove"></i></a> <div class="box"> <a href=" https://www.9ywk.com " target="_blank"><img src=" https://i.w3tt.com/2020/09/16/obHTl.png "></a>        </div> </div>

HTML Full Code

 <! doctype html> <html> <head> <meta charset="utf-8"> <title>Suspended advertising</title> <link href="./css" rel="stylesheet" type="text/css"/> <link href=" https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css " rel="stylesheet"> <script> function turnoff(obj){ document.getElementById(obj).style.display="none"; } </script> </head> <body> <div class="leftpop wapnone" id="xfad"> <a class="close-btn" href="javascript:;" onclick="javascript:turnoff('xfad')"><i class="fa fa-remove"></i></a> <div class="box"> <a href=" https://www.9ywk.com/ " target="_blank"><img src="img"></a> </div> </div> </body> </html>
End
© Allow specification reprint
If you think my article is useful to you, please feel free to appreciate it