彈出div彈窗
阿新 • • 發佈:2018-12-12
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8.3.min.js"></script> <style> *{padding: 0; margin: 0} .box{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.2); display: none; } .box1{ width: 500px; height: 500px; position: fixed;left: 50%; top: 25%; margin-left: -250px; border: 1px solid #000000; } </style> <script> </script> </head> <body> <div class="box"> <div class="box1"> <a href="javascript:;" onclick="jQuery('.box').hide()" class="close">關閉</a> </div> </div> <a href="javascript:;" onclick="jQuery('.box').show()" class="show">顯示</a> </body> </html>