javascript弹出浮动层,并锁定页面(2)
来源:互联网 发布:mac air 输入法 编辑:程序博客网 时间:2024/06/01 11:24
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>提示信息框</title>
<style type="text/css">
a
{
color: #000;
font-size: 12px;
text-decoration: none;
}
a:hover
{
color: #900;
text-decoration: underline;
}
body
{
background: ;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366);
overflow: hidden;
}
#massage_box
{
position: absolute;
left: expression((body.clientWidth-350)/2);
top: expression((body.clientHeight-200)/2);
width: 350px;
height: 200px;
filter: dropshadow(color=#666666,offx=3,offy=3,positive=2);
z-index: 2;
visibility: hidden;
}
#mask
{
position: absolute;
top: 0;
left: 0;
width: expression(body.scrollWidth);
height: expression(body.scrollHeight);
background: #666;
filter: ALPHA(opacity=60);
z-index: 1;
visibility: hidden;
}
.massage
{
border: #036 solid;
border-width: 1 1 3 1;
width: 95%;
height: 95%;
background: #fff;
color: #036;
font-size: 12px;
line-height: 150%;
}
.header
{
background: #036;
height: 10%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3 5 0 5;
color: #fff;
}
</style>
<!--实现层移动-->
<script type="text/javascript">
var Obj=''
document.onmouseup=MUp
document.onmousemove=MMove
function MDown(Object)
{
Obj=Object.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}
function MMove()
{
if(Obj!='')
{
document.all(Obj).style.left=event.x-pX;
document.all(Obj).style.top=event.y-pY;
}
}
function MUp()
{
if(Obj!='')
{
document.all(Obj).releaseCapture();
Obj='';
}
}
</script>
</head>
<body>
<div id="massage_box">
<div class="massage">
<div class="header" onmousedown="MDown(massage_box)">
<div style="display: inline; width: 150px; position: absolute">
本站提示信息
</div>
<span onclick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'"
style="float: right; display: inline; cursor: hand">× </span>
</div>
<ul style="margin-right: 25">
<li>你的要放的代码 </li>
<input type="text">
<br>
<input type="button" value="这是按扭">
</li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div id="mask">
</div>
<span onclick="mask.style.visibility='visible';massage_box.style.visibility='visible'" style="cursor: hand"><a href="#">显示提示信息 </a></span>
</body>
</html>
- javascript弹出浮动层,并锁定页面(2)
- javascript弹出浮动层,并锁定页面(1)
- javascript 弹出浮动层,并锁定当前窗口一
- 弹出层锁定页面
- 点击后页面变灰色,并弹出透明浮动层的JavaScript
- 点击后页面变灰色,并弹出透明浮动层的JavaScript
- js弹出图层锁定页面
- Jquery 弹出浮动层
- js 弹出浮动层
- html弹出浮动层
- 窗口弹出来后父页面锁定,并变暗
- 简单页面 浮动层
- JS弹出可拖动层,并蒙住页面(ie有效)
- JS弹出可拖动层,并蒙住页面
- JS弹出可拖动层,并蒙住页面
- AJAX--显示加载中并弹出图层遮挡页面
- AJAX--显示加载中并弹出图层遮挡页面
- 双击dhtmlgrid行,openwin方法弹出层,并传参到弹出层页面
- 多小的距离才能遇见彼此
- 原来我对java还是熟练的
- 报告称今年将有100万高校毕业生不能就业
- javascript弹出浮动层,并锁定页面(1)
- 适合Web内容的分布式文件系统-从google文件系统想开去
- javascript弹出浮动层,并锁定页面(2)
- 有多少值得做
- 1005 I Think I Need a Houseboat
- ajax二级联动菜单
- javascript获取字符串的真实长度(双字节换算为两个单字节)截取固定长度子字符串
- “左眼跳财、右眼跳灾”----科学解释
- 经典影视日语
- 1006 Biorhythms
- linux系统自救方案