JS淘宝小广告

<!DOCTYPE html> <html lang="en">
<head>     <meta charset="UTF-8">         <title>Document</title>   <style>       *{           margin:0;           padding:0;
      }       #app{           width: 295px;           height: 160px;           position: relative;       }       #app img       {             position: absolute;             right: 0;       }       #app #close{             position: absolute;             width: 18px;             height:18px;             border: 1px solid #e0e0e0;             text-align: center;             line-height: 18px;             cursor: pointer;       }   </style> </head>
<body>     <div id="app">         <img src="img/sntk-top-code.png" id="code">         <span id="close">X</span>     </div>     <script>       var close=document.getElementById('close');       var code=document.getElementById('app');       close.onclick=function(){           app.style.display="none"       }     </script> </body>
</html>
上一篇:【前端Talkking】CSS系列——CSS深入理解之absolute定位


下一篇:CSS中position的定位