<style>
html,body{font-size:12px;margin:0px;height:100%;}
.mesWindow{border:#666 1px solid;background:#fff;}
.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;}
.mesWindowContent{margin:4px;font-size:12px;}
.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration:underline;background:#fff}
</style>
<script>
var isIe=(document.all)?true:false;
//设置select的可见状态
function setSelectState(state)
{
var objl=document.getElementsByTagName('select');
for(var i=0;i<objl.length;i++)
{
objl[i].style.visibility=state;
}
}
function mousePosition(ev)
{
if(ev.pageX || ev.pageY)
{
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
//弹出方法
function showMessageBox(wTitle,content,pos,wWidth)
{
closeWindow();
var bWidth=parseInt(document.documentElement.scrollWidth);
var bHeight=parseInt(document.documentElement.scrollHeight);
if(isIe){
setSelectState('hidden');}
var back=document.createElement("div");
back.id="back";
var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";
styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";
back.style.cssText=styleStr;
document.body.appendChild(back);
showBackground(back,50);
var mesW=document.createElement("div");
mesW.id="mesWindow";
mesW.className="mesWindow";
mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>";
styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px;position:absolute;width:"+wWidth+"px;";
mesW.style.cssText=styleStr;
document.body.appendChild(mesW);
}
//让背景渐渐变暗
function showBackground(obj,endInt)
{
if(isIe)
{
obj.filters.alpha.opacity+=1;
if(obj.filters.alpha.opacity<endInt)
{
setTimeout(function(){showBackground(obj,endInt)},5);
}
}else{
var al=parseFloat(obj.style.opacity);al+=0.01;
obj.style.opacity=al;
if(al<(endInt/100))
{setTimeout(function(){showBackground(obj,endInt)},5);}
}
}
//关闭窗口
function closeWindow()
{
if(document.getElementById('back')!=null)
{
document.getElementById('back').parentNode.removeChild(document.getElementById('back'));
}
if(document.getElementById('mesWindow')!=null)
{
document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));
}
if(isIe){
setSelectState('');}
}
//测试弹出
function testMessageBox(ev)
{
var objPos = mousePosition(ev);
messContent="<div style='padding:20px 0 20px 0;text-align:center'>中国站长站</div>";
showMessageBox('窗口标题',messContent,objPos,350);
}
</script>
</head>
<body>
<div style="padding:20px">
<div style="text-align:left";><a href="#none" onclick="testMessageBox(event);"></a></div>
<div style="text-align:left;padding-left:20px;padding-top:10px";><select ID="Select1" NAME="Select1"><option>下拉</option></select>弹出窗口时会将其隐藏，关闭时会让其显示，目的是在IE中防止弹出的DIV挡不住下拉框</div>
<div style="text-align:center";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div>
<div style="text-align:right";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div>
</div>
</body>
</html>
分享到：
相关推荐
javascript仿XP关机效果的弹出窗口功能
不管是做网站还是一些应用系统，都免不了要用到一些弹出的效果，在ZJ-BLOG V1.0 Beta2版本我在一些功能使用了网络上比较流行的仿XP关机效果的弹出功能，按目前的反应来说还是效果不错的，下面将此功能整一下儿，如果...
开发环境: windows 2003 server vs.net2003(可以转换到VS.NET2005上去) <br>更多...还具有弹出窗口提醒功能。适用环境：WIN XP、Win 2000、WIN 2003 SERVER。使用前请确保已正确安装“.NET2.0布署支持文件”。
介绍： 不管是做网站还是一些应用系统，都免不了要用到一些弹出的效果，在ZJ-BLOG V1.0 Beta2版本我在一些功能使用了网络上比较流行的仿XP关机效果的弹出功能，按目前的反应来说还是效果不错的，下面将此功能整一下...
◇弹出文字提示 ◇进行时间同步 该软件的功能非常强大，拥有很多其他同类软件没有的功能。功能强大但是使用极其简单，几乎每个功能都有漂亮的气球提示。 注意：本软件运行需要 msvbvm60.dll 文件的支持。如果启动...
局域网关机方案，远程控制 步骤1 单击"开始 运行"，在对话框中输入"Gpedit.msc"，单击<确定>，打开"组策略编辑器"。... 图1 远程关机控制窗口 (4)用XP的ShutDown.exe实现服务器定时重启 Windows XP的关机
◇弹出文字提示 ◇进行时间同步 该软件的功能非常强大，拥有很多其他同类软件没有的功能。功能强大但是使用极其简单，几乎每个功能都有漂亮的气球提示。 注意：本软件运行需要 msvbvm60.dll 文件的支持。如果启动...
◇弹出文字提示 ◇进行时间同步 该软件的功能非常强大，拥有很多其他同类软件没有的功能。功能强大但是使用极其简单，几乎每个功能都有漂亮的气球提示。 注意：本软件运行需要 msvbvm60.dll 文件的支持。如果启动...
无忧隐藏集成了窗口隐藏软件－老板...禁止创建特定的窗口，可用于阻止某些弹出式窗口 快速锁定屏幕，离开电脑桌时不必关机也能保护电脑 虚拟桌面功能，适合大型游戏隐藏或挂机 附带定时提醒、定时关机、屏幕截图等功能
如果你想让Windows XP瞬间关机，那么可以按下CTRL+ALT+DEL，接着在弹出的任务管理器中点击“关机”→“关机”，与此同时按住CTRL，不到1秒钟你会发现系统已经关闭啦，简直就在眨眼之间。同样道理，如果在“关机”...
12.18 幻灯片式弹出窗口 12.19 弹出窗口生成器 12.20 关不掉的警告框 12.21 循环的警告框 12.22 屏蔽状态栏的错误提示 12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间关闭页面 13.2 最简单的时间日期...
弹出网页广告 弹出下载窗口 特效窗口模块 提升权限 提示框模块2.6 提示框模块2.7 提示框模块2.61 提示框模块2.72Alpha版 提示框模块3.0版[易语言3.0以上版本] 提示框模块3.1版[易语言3.0以上版本] 添加(删除)子...
12.18 幻灯片式弹出窗口 12.19 弹出窗口生成器 12.20 关不掉的警告框 12.21 循环的警告框 12.22 屏蔽状态栏的错误提示 12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间关闭页面 13.2 最简单的时间日期...
4.解决恶意弹出窗口问题； 5.解决Vista下自动退出问题； 6.解决程序运行过程中偶尔崩溃问题； 7.优化程序结构，方便后续提高访问速度； 流量精灵： 一款针对网站站长、博客主、网络写手、SEO工作者、QQ空间爱好...
解决托盘菜单同时弹出系统菜单的问题 修正锁屏后三处严重的资源泄露 修正注册表操作时一处资源泄露 完善休息时任务栏的锁定与恢复 v3.01 Final by 语晨 修正锁定后休眠，重启时无法初始化。 修正暂停锁定后...
弹出下载窗口.ec 导出数据1.1.ec 导出数据1.21.ec 到文本.ec 登录确认模块 1.0.ec 低级功能模块.ec 迪克—透明窗体.ec 电子琴模块.ec 调用外部命令.ec 调整窗口大小.ec 定时提醒1.1.ec 动画窗体1.3.ec ...
弹出下载窗口.ec 导出数据1.1.ec 导出数据1.21.ec 到文本.ec 登录确认模块 1.0.ec 低级功能模块.ec 迪克—透明窗体.ec 电子琴模块.ec 调用外部命令.ec 调整窗口大小.ec 定时提醒1.1.ec 动画窗体1.3.ec ...
弹出下载窗口.ec 导出数据1.1.ec 导出数据1.21.ec 到文本.ec 登录确认模块 1.0.ec 低级功能模块.ec 迪克—透明窗体.ec 电子琴模块.ec 调用外部命令.ec 调整窗口大小.ec 定时提醒1.1.ec 动画窗体1.3.ec ...