博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
弹出层
阅读量:5132 次
发布时间:2019-06-13

本文共 2051 字,大约阅读时间需要 6 分钟。

<html>

<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
/*弹出半透明层代码*/
function ShowNo() //隐藏两个层
{
document.getElementById("doing").style.display="none";
document.getElementById("divInfoShow").style.display="none";
}
function $(id)
{
return (document.getElementById) ? document.getElementById(id) : document.all[id] ;
}
function showFloat() //根据屏幕的大小显示两个层
{
var range = getRange();
$('doing').style.width = range.width + "px";
$('doing').style.height = range.height + "px";
$('doing').style.display = "block";
document.getElementById("divInfoShow").style.display="";
}
function getRange() //得到屏幕的大小
{
var top = document.body.scrollTop;
var left = document.body.scrollLeft;
var height = document.body.clientHeight;
var width = document.body.clientWidth;

if (top==0 && left==0 && height==0 && width==0)

{
top = document.documentElement.scrollTop;
left = document.documentElement.scrollLeft;
height = document.documentElement.clientHeight;
width = document.documentElement.clientWidth;
}
return {top:top ,left:left ,height:height ,width:width } ;
}
/*弹出半透明层代码结束*/
//-->
</SCRIPT>
<!--加一个半透明层-->
<div id="doing" style="filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
background-color: #000; width: 100%; height: 100%; z-index: 1000; position: absolute;
left: 0; top: 0; display: none; overflow: hidden;">
</div>
<!--加一个信息显示层-->
<div id="divInfoShow" style="border: solid 10px #898989; background: #fff; padding: 10px;
width: 590px; z-index: 1001; position: absolute; display: none; top: 63%; left: 65%;
margin: -200px 0 0 -400px; ">
<div style="padding: 3px 15px 3px 15px; text-align: left; vertical-align: middle;">
<div align="center">
<br />
<br />
<asp:Label ID="lbl_Info" runat="server">你确定要XXX吗?<br/>点击取消关闭当前窗口。</asp:Label>&nbsp;</div>
<br />
<div align="center">
<input type="button" value="确 定" />&nbsp;
<input id="BttCancel" type="button" value="取 消" οnclick="ShowNo()" /><br />
<br />
</div>
</div>
</div>
<input type="button" οnclick="showFloat();void(0);"/>
</body>
</html>

转载于:https://www.cnblogs.com/Areas/archive/2012/02/29/2373292.html

你可能感兴趣的文章
LVM快照(snapshot)备份
查看>>
绝望的第四周作业
查看>>
一月流水账
查看>>
数论四大定理
查看>>
npm 常用指令
查看>>
20几个正则常用正则表达式
查看>>
TextArea中定位光标位置
查看>>
非常棒的Visual Studo调试插件:OzCode 2.0 下载地址
查看>>
判断字符串在字符串中
查看>>
hdu4374One hundred layer (DP+单调队列)
查看>>
类间关系总结
查看>>
properties配置文件读写,追加
查看>>
Linux环境下MySql安装和常见问题的解决
查看>>
lrzsz——一款好用的文件互传工具
查看>>
ZPL语言完成条形码的打印
查看>>
这20件事千万不要对自己做!
查看>>
Linux环境下Redis安装和常见问题的解决
查看>>
玩转小程序之文件读写
查看>>
HashPump用法
查看>>
cuda基础
查看>>