2023-10-03 01:19来源:m.sf1369.com作者:宇宇
遮罩.
和ASP没有关系,只是js和css的应用.
保存为html格式文件可以直接嫌好看效果:
<!-- saved from url=file://C:/Documents and Settings/yfq/桌面/悔码弹出层窗口.html -->
<script>
window.onerror = new Function(return(false);)
</script><!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN>
<HTML><HEAD id=Head1><TITLE></TITLE>
<STYLE> .black_overlay { DISPLAY: none; Z-INDEX: 1001; FILTER: alpha(opacity=80); LEFT: 0%; WIDTH: 100%; POSITION: absolute; TOP: 0%; HEIGHT: 100%; BACKGROUND-COLOR: black; moz-opacity: 0.8; opacity: .80 }
.white_content {FONT-SIZE:10PT; BORDER-RIGHT: orange 1px solid; PADDING-RIGHT: 16px; BORDER-TOP: orange 1px solid; DISPLAY: none; PADDING-LEFT: 16px; Z-INDEX: 1002; LEFT: 25%; PADDING-BOTTOM: 16px; OVERFLOW: auto; BORDER-LEFT: orange 1px solid; WIDTH: 50%; PADDING-TOP: 16px; BORDER-BOTTOM: orange 1px solid; POSITION: absolute; TOP: 25%; HEIGHT: 50%; BACKGROUND-COLOR: white }
</STYLE>
</HEAD>
<BODY><!--StartFragment--><FORM id=form1>
<DIV></DIV><INPUT id=Button3 onclick=document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block' type=button value=添加>
<DIV class=white_content id=light style=DISPLAY: none>添加记录 <INPUT> <INPUT type=button value=保存碧者哪></INPUT> <BR><A
onclick=document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'
href=javascript:void(0)>关闭</A></DIV>
<DIV class=black_overlay id=fade style=DISPLAY: none></DIV></FORM><!--EndFragment--></BODY>
</HTML>
<div style=position:absolute;z-index:2;top:0px;let:0px;background-color:#000000;filter:alpha(opacity=50);display:none; id=bg></div>拍改
<script>
function setLogin(ID){
//背景层---------------------------------------------------------------
if(document.body.scrollWidth > window.screen.availWidth){
document.getElementById(bg).style.width =document.body.scrollWidth;
document.getElementById(bg).style.height=document.body.scrollHeight;
}else{
document.getElementById(bg橡蚂).style.width =window.screen.availWidth;;
document.getElementById(bg).style.height=window.screen.availHeight;;
}
document.getElementById(梁贺埋bg).style.left=0
document.getElementById(bg).style.display=block;
document.getElementById(bg1).style.width =document.body.scrollWidth;
document.getElementById(bg1).style.height=document.body.scrollHeight;
<script>
在这个基础上在加个DIV就可以了
搜索关键字 javascript lightbox
代码太多就不贴出了。