所在位置:主页 > 网页设计 > ASP如何弹出网页形式对话框

ASP如何弹出网页形式对话框

发布时间:2023-10-03 01:19来源:www.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

代码太多就不贴出了。