点击弹窗显示视频/图片框架常用css代码

点击弹窗显示视频/图片框架常用css代码
css代码如下：

1. #zidiu{
   
2.     height: 600px;
   
3.     width: 800px;
   
4.     position: fixed;
   
5.     left: 50%;
   
6.     top: 50%;
   
7.     margin-left: -400px;
   
8.     margin-top: -300px;
   
9.         display:none;
   
10.         z-index:99999;
    
11. }
    

复制代码

默认隐藏，点击触发事件display改为block
js代码如下：

1. <script>
   
2.     var zidiu = document.querySelector('#zidiu');
   
3.     var heitaozi = document.querySelector('#heitaozi');
   
4.         var button = document.querySelector('#heitaozi').querySelector('button');
   
5.     zidiu.onclick = function() {
   
6.         heitaozi.style.display = 'block';
   
7.     }
   
8. </script>

复制代码