PC side floating picture advertising code with close button

PC side floating picture advertising code with close button

 September
2020-09-16 / 4 Comments / 1078 reading / Checking for inclusion

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="j avascript: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 complete code

 <! doctype html> <html> <head> <meta charset="utf-8"> < title > suspended advertising <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="j avascript: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>
zero

Comments (4)

cancel
  1.  head portrait
    Self taught Examination in Guangdong
    Windows 7 · Google Chrome

    My wife is so practical!

    reply
  2.  head portrait
    Jinshi hot spot network
    Windows 10 · FireFox

    The article is well written. Come on~

    reply
  3.  head portrait
    Dark
    Android Pie · Google Chrome

    Hello, boss. Goodbye huaji:shounuehuaji ::

    reply
    1.  head portrait
      September author
      Android · Google Chrome
      @ Dark

      Hello, man huaji:huaji ::

      reply