<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关机效果的弹出窗口功能详解 #### 一、背景介绍与应用场景 在网站开发或应用系统设计中，美观且实用的界面效果能够显著提升用户体验。其中，“弹出窗口”作为一项常用的功能，被广泛应用于确认...
通过上述方法，我们可以在Windows XP及Windows 7系统上实现在关机或注销时弹出提醒框的功能。这对于提醒员工完成重要操作如打卡等非常有用。虽然Windows 7在开机时执行脚本方面存在限制，但注销时的提醒同样能够满足...
不管是做网站还是一些应用系统，都免不了要用到一些弹出的效果，在ZJ-BLOG V1.0 Beta2版本我在一些功能使用了网络上比较流行的仿XP关机效果的弹出功能，按目前的反应来说还是效果不错的，下面将此功能整一下儿，如果...
需要注意的是，在关机前30秒，系统会弹出一个提示框告知用户即将关机。此外，如果想取消之前的自动关机指令，只需在命令提示符中输入`shutdown -a`即可。 总结来说，Windows XP自带的自动关机功能十分实用且简单...
3. **关机前警告**：在关机前会弹出提示窗口，让用户有时间保存未完成的工作。 三、安全与节能 定时关机不仅方便管理，还有助于保护电脑硬件，减少长时间运行带来的过热风险。此外，定时关机能有效地节约电力，...
- 如果希望在关机前收到提醒，可以使用其他工具或脚本来实现这一功能，例如编写一个小的批处理脚本，在关机前几分钟弹出提示窗口。 - 使用`shutdown`命令时，需要具有管理员权限才能执行关机操作。 6. **拓展应用...
2. **指定执行命令**：在弹出的向导中输入命令 `c:\windows\system32\shutdown.exe -s -t 10`。其中 `-s` 参数代表关机操作，可以替换为 `-r` 来实现重启功能；`-t 10` 表示关机前有10秒的延时，可以根据个人需求...
在弹出的窗口中找到“系统失败”栏目，取消勾选“自动重新启动”选项； 5. 完成设置后点击“确定”。 2. **电源管理设置不当**： - 电源管理设置不当也是导致关机失败的一个常见原因。尤其是在某些较老的硬件...
- 在弹出的“启动和故障恢复”窗口中，找到“系统失败”栏目下的“自动重新启动”选项，取消勾选，然后点击“确定”。 2. **高级电源管理设置** - 关机操作与电源管理紧密相关，不当的电源管理设置可能导致关机...
在Windows XP操作系统中，用户界面的设计相较于之前的版本有所改变，其中一项改动就是关机选项从传统的按钮形式变为了下拉菜单。对于习惯于经典模式的用户来说，这种变化可能会带来不便。本文将详细介绍如何将XP系统...
- 在弹出的对话框中输入任务名称，例如“定时关机”。 4. **设置触发器**： - 点击“触发器”选项卡，然后点击“新建”按钮。 - 选择触发条件，如每天的某个时间点。 5. **设置操作**： - 点击“操作”选项卡，...
到了设定的时间（本例中为22:00），系统会弹出一个“系统关机”对话框，并默认有30秒的倒计时提醒你保存当前的工作。 2. **以倒计时方式关机**：若希望电脑在一定时间后自动关机，例如60分钟后关机，可以按照如下...
在Windows XP操作系统中，实现远程关机的功能不仅可以提高工作效率，还能更好地进行系统管理和维护。本文将详细介绍如何在Windows XP系统中设置远程关机功能。 #### 二、准备工作 在开始设置之前，我们需要确保以下...
开发环境: windows 2003 server vs.net2003(可以转换到VS.NET2005上去) <br>更多...还具有弹出窗口提醒功能。适用环境：WIN XP、Win 2000、WIN 2003 SERVER。使用前请确保已正确安装“.NET2.0布署支持文件”。
4. 在新弹出的窗口中，“系统失败”部分取消勾选“自动重新启动”选项。 5. 点击“确定”保存更改。 通过以上步骤禁用系统错误自动重启功能，可以有效解决关机时系统异常重启的问题。 ##### 2.2 高级电源管理设置 ...
- 在弹出的窗口中输入新的数值，并点击确定保存更改。 5. **重启计算机**：为了使更改生效，需要重启计算机。 #### 注意事项 - 修改注册表是一项较为高级的操作，不当操作可能会导致系统故障。因此，在进行任何...
3. **开始菜单**：将开始菜单的样式调整为XP的3D效果，包括按钮形状和弹出菜单的设计。 4. **系统声音**：替换系统的音效，如开机、关机、操作提示等声音，以还原XP的声音体验。 5. **鼠标指针**：更改鼠标指针的...