简单javascript弹出层,非jQuery

    xiaoxiao2021-04-12  31

    !DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <title></title>     <style type="text/css">         .raceShow {             background-color: #ffffff; /* #ffffff*/             border: solid 1px #ccc;             position: absolute;             display: none;             width: 800px;             height: 600px;             padding: 5px;             top: 150px;             left: 200px;         }     </style>  <script type="text/javascript">         //弹出层         function ShowDiv() {             var div = window.document.getElementById("racePop");             div.style.display = "block";         }         //隐藏层         function CloseDiv() {             var div = window.document.getElementById("racePop");             div.style.display = "none";         }     </script> </head> <body>     <input type="button" value="弹出层" οnclick="ShowDiv()" />     <div id="racePop" class="raceShow">         <a style="cursor:pointer;" οnclick="CloseDiv()">[关闭]</a>         <h1>Hellow World!</h1>     </div> </body> </html>

    jQuery的参考:http://blog.csdn.net/djk8888/article/details/52484953

    转载请注明原文地址: https://ju.6miu.com/read-668109.html

    最新回复(0)