html左侧文字悬浮窗,点击文字或按钮弹出一个DIV窗口（DIV悬浮窗口）

以下是弹出窗口代码：

点击文字弹出一个DIV层窗口代码

.black_overlay{

display: none;

position: absolute;

top: 0%;

left: 0%;

width: 100%;

height: 100%;

background-color: black;

z-index:1001;

-moz-opacity: 0.8;

opacity:.80;

filter: alpha(opacity=88);

}

.white_content {

display: none;

position: absolute;

top: 25%;

left: 25%;

width: 55%;

height: 55%;

padding: 20px;

border: 10px solid orange;

background-color: white;

z-index:1002;

overflow: auto;

}

示例弹出层：请点这里

$(function(){

})

function openDialog(){

document.getElementById('light').style.display='block';

document.getElementById('fade').style.display='block'

}

function closeDialog(){

document.getElementById('light').style.display='none';

document.getElementById('fade').style.display='none'

}

本文来源于网络：查看 >https://www.cnblogs.com/dandeliongogo/p/7206903.html