<html>
<head>
<script type="text/javascript" language="javascript">
//more javascript from http://www.QQView.com
function sAlert(str){
var msgw,msgh,bordercolor;
msgw=400;//提示窗口的宽度
msgh=100;//提示窗口的高度
titleheight=25 //提示窗口标题高度
bordercolor="#c51100";//提示窗口的边框颜色
titlecolor="#c51100";//提示窗口的标题颜色
var sWidth,sHeight;
sWidth=screen.width;
sHeight=screen.height;
var bgObj=document.createElement("div");
bgObj.setAttribute('id','bgDiv');
bgObj.style.position="absolute";
bgObj.style.top="0";
bgObj.style.background="#cccccc";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
bgObj.style.opacity="0.6";
bgObj.style.left="0";
bgObj.style.width=sWidth + "px";
bgObj.style.height=sHeight + "px";
bgObj.style.zIndex = "10000";
document.body.appendChild(bgObj);
var msgObj=document.createElement("div")
msgObj.setAttribute("id","msgDiv");
msgObj.setAttribute("align","center");
msgObj.style.background="white";
msgObj.style.border="1px solid " + bordercolor;
msgObj.style.position = "absolute";
msgObj.style.left = "50%";
msgObj.style.top = "50%";
msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
msgObj.style.marginLeft = "-225px" ;
msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
msgObj.style.width = msgw + "px";
msgObj.style.height =msgh + "px";
msgObj.style.textAlign = "center";
msgObj.style.lineHeight ="25px";
msgObj.style.zIndex = "10001";
var title=document.createElement("h4");
title.setAttribute("id","msgTitle");
title.setAttribute("align","right");
title.style.margin="0";
title.style.padding="3px";
title.style.background=bordercolor;
title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
title.style.opacity="0.75";
title.style.border="1px solid " + bordercolor;
title.style.height="18px";
title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
title.style.color="white";
title.style.cursor="pointer";
title.innerHTML="关闭";
title.onclick=function(){
document.body.removeChild(bgObj);
document.getElementById("msgDiv").removeChild(title);
document.body.removeChild(msgObj);
}
document.body.appendChild(msgObj);
document.getElementById("msgDiv").appendChild(title);
var txt=document.createElement("p");
txt.style.margin="1em 0"
txt.setAttribute("id","msgTxt");
txt.innerHTML=str;
document.getElementById("msgDiv").appendChild(txt);
}
</script>
</head>
<body>
<br />
<br />
<input type="button" value="点击这里" onclick="sAlert('test弹窗效果');" />
</body>
</html>
分享到：
相关推荐
QT/C++ 右下角冒泡提示窗口是一种常见的用户界面元素，它用于向用户显示临时的通知或信息，而不会干扰用户的主工作流程。这种提示窗口通常会在屏幕的右下角短暂出现，像气泡一样升起，然后自动消失，提供了一种非...
"Delphi右下角消息提示窗口.rar" 文件提供了一种实现方式，它能够创建类似QQ迷你提示窗口的效果，这种窗口会出现在屏幕的右下角，既美观又实用。这个功能的实现主要依赖于两种方法：Tiptimer方法和Tip循环方法。尽管...
Delphi 消息提示窗口详解 Delphi 中的消息提示窗口是一种常用的交互方式，用于向用户显示信息、警告或提示。今天，我们将详细讲解 Delphi 消息提示窗口的使用及源代码。 ShowMessage 方法 ShowMessage 方法是 ...
标题 "pb半透明弹窗示例（右下角弹出提示窗口）" 指的是一种使用PowerBuilder（简称PB）开发的特定功能，即创建一个具有半透明效果的弹窗，该弹窗会在程序运行时自动在屏幕的右下角出现，用于显示提示信息。...
java开发的浮动提示窗口演示，这里只是一个演示，双击即可运行
QT 自定义提示窗口，高颜值
本文将深入探讨如何利用C#编程语言实现一个功能，即客户端根据服务器端的指令弹出提示窗口。这个功能在很多应用场景下都十分有用，例如实时通知、错误报告或者用户交互。我们将重点讲解其中涉及到的关键技术和框架...
在Web开发中，消息提示窗口是不可或缺的一部分，它们用于向用户显示重要信息、警告、确认操作或者接收用户输入。标题中的“经典的js消息提示窗口”指的是一个集成了多种皮肤和易用功能的JavaScript库或组件，用于...
标题中的“VC6写的右下角提示窗口”指的是使用Visual C++ 6.0这个古老的集成开发环境（IDE）创建的程序，它在系统托盘区（屏幕右下角）显示一个通知或提示窗口。这种窗口通常用于软件的后台运行状态提示或者用户交互...
去掉2003关机提示窗口，很方便的，推荐使用！
在ASP.NET中实现类似MSN的弹出提示窗口，主要是为了提供一种交互式的用户体验，让用户能够接收重要通知或者确认操作，而无需离开当前页面。MSN，全称Microsoft Network，是微软的一个在线服务，其早期的即时通讯软件...
在Swing中，有时我们需要为用户提供一种轻量级的提示机制，比如气泡浮动提示窗口，这通常用于显示临时信息或者提示。在给定的代码中，作者实现了一个自定义的`ToolTip`类来达到这个目的。 `ToolTip`类主要包含了...
在IT领域，弹出提示窗口（Tip提示窗口）是一种常见的用户界面设计元素，它用于向用户提供即时信息或反馈。在本实例中，我们将深入探讨如何创建一个实用且高效的弹出tip提示窗口，以及相关的编程技术和设计原则。 ...
【标题】"仿QQ提示窗口"的实现是一个在VC++编程环境中创建类似QQ消息提示框的应用。这个项目旨在提供一种用户界面元素，模仿QQ软件中常见的弹出式通知，用于显示简短的消息或通知。 【描述】在描述中提到的"VC++...
**WPF自定义提示窗口详解** 在Windows Presentation Foundation（WPF）开发中，我们经常需要创建自定义的提示窗口来增强用户体验或者满足特定的设计需求。本教程将详细讲解如何从零开始构建一个简单的自定义提示...
这行代码将在程序中弹出一个带有“提示信息”标题和“这是一个示例提示”内容的对话框。 2. **系统对话框.警告**：警告对话框则常用于告知用户可能产生负面影响的操作，通常含有“确定”和“取消”两个按钮。例如...
易语言模仿QQ提示窗口源码,模仿QQ提示窗口
本项目名为"C# 飞信右下角提示窗口"，其目标是模仿飞信客户端的功能，创建一个能在屏幕右下角弹出并自动缩回的提示窗口。这种设计常见于即时通讯软件中，用于提醒用户接收新消息或者其他重要通知。 首先，我们要...
"易语言源码提示窗口.rar"这个压缩包很可能是包含了一个使用易语言编写的程序源代码，该程序可能是一个用于显示代码提示信息的窗口。源码分析和学习对于提升编程技能是非常有价值的，因为你可以看到实际的代码实现，...
在网页设计和开发中，"js div层遮罩提示窗口效果"是一种常见的用户交互技术，它主要用于提供一种视觉上的反馈，使用户能够更好地理解和响应页面上的操作。这种效果通常是通过JavaScript，HTML和CSS来实现的，其中div...