html的table弹窗_html简单table、弹层实例

Title

/**/

.hide{

display: none;

}

.s1{

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

background-color: black;

opacity: 0.6;

z-index: 1;

}

.s2{

z-index: 2;

position: fixed;

width: 200px;

height: 200px;

left: 50%;

top: 50%;

margin-left: -100px;

margin-top: -100px;

background-color: white;

}

选择  主机名  端口

1.1.1.199991.1.1.299891.1.1.39997

function showModel() {

document.getElementById('r1').classList.remove('hide')

document.getElementById('r2').classList.remove('hide')

}

function hideModel() {

document.getElementById('r1').classList.add('hide')

document.getEl