<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>信息提示 弹出窗口</title>
<script type="text/javascript" language="javascript">
var basePath =window.location.protocol+"//"+window.location.host+window.location.pathname;
var imgPath = window.location.protocol+"//"+window.location.host;
var oPopup = window.createPopup();
var popTop=50;
function popmsg(count){
var winstr="<DIV id=popup style=\"WIDTH: 260px\">";
winstr+="<DIV style=\"BORDER-RIGHT: #d9d9d9 2px solid; BORDER-TOP: #d9d9d9 2px solid;
FONT-SIZE: 12px; BACKGROUND: url(./img/9.jpg) repeat-x left top;
BORDER-LEFT: #d9d9d9 2px solid; WIDTH: 260px; LINE-HEIGHT: 24px;
BORDER-BOTTOM: #d9d9d9 2px solid; HEIGHT: 194px; TEXT-ALIGN: left\">";
winstr+="<DIV style=\"BACKGROUND: url(./img/1513200969.gif) repeat-x left top;
WIDTH: 260px; BORDER-BOTTOM: #d9d9d9 1px solid; HEIGHT: 25px\">";
winstr+="<DIV style=\"POSITION: absolute; HEIGHT: 25px; TEXT-ALIGN: left\">";
winstr+=" 温馨提示：";
winstr+="</DIV>";
winstr+="<DIV style=\"FLOAT: right; MARGIN-RIGHT: 7px; HEIGHT: 25px; TEXT-ALIGN: left\">";
winstr+="<A onClick=\"parent.closePopup()\" href=\"javascript:void(0)\">";
winstr+="<IMG id=closepopup style=\"BORDER-TOP-WIDTH: 0px; CLEAR: right;
PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px;
PADDING-BOTTOM: 0px; PADDING-TOP: 5px; BORDER-RIGHT-WIDTH: 0px\" src=\"./img/b_x.gif\">";
winstr+="</A>";
winstr+="</DIV>";
winstr+="</DIV>";
winstr+="<DIV style=\"PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
BACKGROUND: url(./img/19.jpg) repeat-x 0px 100%; PADDING-BOTTOM: 5px;
MARGIN: 0px 0px 5px 2px; WIDTH: 260px; PADDING-TOP: 0px; POSITION: absolute;
TEXT-ALIGN: left\">";
winstr+="<DIV style=\"PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px;
PADDING-TOP: 7px; POSITION: absolute; TEXT-ALIGN: center\" >";
winstr+="<IMG alt=提示图标 src=\"./img/gezi.jpg\">";
winstr+="<BR> ";
winstr+="</DIV>";
winstr+="<DIV style=\"FLOAT: right; MARGIN: 2px; WIDTH: 158px; TEXT-ALIGN: left\">";
winstr+="<P><FONT color=red size=\"+1\">看看效果：</FONT></P>";
winstr+="<LI style=\" OVERFLOW: hidden; COLOR: #444444; LINE-HEIGHT: 20px;
PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 22px; TEXT-DECORATION: none\">
传递的参数：<FONT color=red>"+count+ "</FONT></LI>";
winstr+="<LI style=\"PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden;
COLOR: #444444; LINE-HEIGHT: 20px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
HEIGHT: 25px; TEXT-DECORATION: none\">
<A onClick=\"parent.look('http://weishaoxiang.iteye.com/blog/930114')\"
href=\"javascript:void(0)\"><FONT color=red >加入的链接</FONT></A></LI>";
winstr+="</DIV>";
winstr+="</DIV>";
winstr+="<DIV style=\"WIDTH: 200px; POSITION: relative; TEXT-ALIGN: right\">";
winstr+="<UL style=\"PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN: 123px 0px 0px; PADDING-TOP: 0px\">";
winstr+="<LI style=\"PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
OVERFLOW: hidden; COLOR: #444444; LINE-HEIGHT: 25px; PADDING-TOP: 0px;
LIST-STYLE-TYPE: none; HEIGHT: 30px; TEXT-DECORATION: none\">
<IMG alt=手形 src=\"./img/10.jpg\">
<A onClick=\"parent.look('http://weishaoxiang.iteye.com/blog/930114')\"
href=\"javascript:void(0)\"><FONT color=red size=\"+1 \">
点击查看 </FONT></A> </LI>";
winstr+="</UL>";
winstr+="<DIV style=\"BACKGROUND: url(./img/1513200969.gif) repeat-x left top;
WIDTH: 260px; BORDER-BOTTOM: #d9d9d9 1px solid; HEIGHT: 25px\">";
winstr+="</DIV>";
winstr+="</DIV>";
winstr+="</DIV>";
winstr+="</DIV>";
oPopup.document.body.innerHTML = winstr;
oPopup.document.body.style.background = "#E0EEEE";
popTop=50;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>220){
clearTimeout(mytime);
//oPopup.hide();
return;
}else if(popTop<210){
oPopup.show(screen.width-270,screen.height,260,popTop);
}
popTop+=10;
var mytime=setTimeout("popshow();",50);
}
function closePopup(){
oPopup.hide();
}
function look( url ){
window.open( url );
}
</script>
</head>
<body>
<input type="button" value=" 信息提示 弹出窗口 " onclick="popmsg('xiaoxiang')" />
</body>
</html>
分享到：
相关推荐
在 web应用中，比如OA中，经常要用到一些提示，比如EMAIL到达了，就做个象MSN那样的提示框，弹出给用户提示，然后再关闭。在ASP.net 2.0的ajax中，这个现在不难做到了，刚好看到老外的一篇文章，讲解到，下面小结之
相对于网上其它弹出窗口组件主要功能是提示信息来说，本组件主要是用来制作窗口中内容较多，页面比较复杂的窗口。本组件的窗口内容面主要是以嵌入iframe框架为主，内容页为一个单独的页面。这样就可以更方便的管理...
delphi程序抓取报错信息不再弹出报错窗口，弹出报错信息很尴尬，现在不用怕了，把错误信息保存到日志文件，后台自己看到错误慢慢修改，增加用户体验。
遮罩层层效果 可用于弹出窗口，提示信息，确认提示框或提交数据进行表单验证和图片点击遮罩等效果
本程序是比较完善的改进，利用多线程弹出等待窗口，并根据后台程序的运行需要实时发出运行状态信息到等待窗口中，当后台程序运行结束时给弹出窗口线程发出结束信号，让线程自行终止。程序运行环境 vs.net 2010
你可以把它用到ASP.NET，AJAX，Java等等所有网页上，支持的功能有：可以改变窗口大小、支持最小化、最大化窗口、模型对话框、渐入渐出的渐变效果，支持皮肤等等功能。现有的实例包括：模仿MAC OS的对话框，在对话框...
击＋按钮，添加一条学生信息，点击-按钮；删除选中的学生信息，并弹出窗口提示“删除成功”
简单弹出层窗口，做个简单的信息提示框很好。
基本实现实时弹出信息。里面有实现代码，jsp页面，java类等等。
JS各种弹出窗口，可弹出照片、HTML网页，样式客观
Google Code 有个开源项目，提供了用于在安卓界面推送消息的API。
弹出窗，打开网页自动弹出，可以继续美化，网站常用
一种弹出提示信息时页面背景色调改变的方法，界面美观实用。
支持自定义弹出窗口插件PopModal是一款支持鼠标滑过信息提示，支持鼠标点击弹出层展示，支持自定义弹出框样式jQuery插件代码。
专为大型弹出窗口定制 相对于网上其它弹出窗口组件主要功能是提示信息来说，本组件主要是用来制作窗口中内容较多，页面比较复杂的窗口。本组件的窗口内容面主要是以嵌入iframe框架为主，内容页为一
经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息,其实这不难...
arcgis api for js 自定义弹出信息提示框，可以根据自己需要直接修改css样式即可。
alert功能的扩展版，可以弹出一个以DIV层中元素代码为内容的提示窗口，也可以直接弹出文字信息。 提供了两个JS方法： （1）showAlert(info); 函数说明：info参数可以是字符串信息，也可以是html元素代码。 （2）...
纯as3.0 代码编写的一个类，因为项目需要，在网上查了些资料后自己写的一个Alert类。代码注释的很清楚了，可能不是很完善——！仅供参考。