`
weishaoxiang
  • 浏览: 96286 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

信息提示 弹出窗口

阅读更多
<!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+="&nbsp; 温馨提示:";
	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\">&nbsp;&nbsp;&nbsp;&nbsp;
    <A onClick=\"parent.look('http://weishaoxiang.iteye.com/blog/930114')\"  
    href=\"javascript:void(0)\"><FONT  color=red  size=\"+1 \">
    点击查看&nbsp;&nbsp;</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>

 

0
6
分享到:
评论

相关推荐

    弹出窗口资料弹出窗口资料

    弹出窗口通常用于提示、确认、警告、输入信息等场景。例如,登录验证、消息通知、设置选项、表单填写等。它们能提高用户体验,因为用户无需离开当前页面就能完成相应操作。 2. 弹出窗口的类型: - 确认对话框:...

    自定义弹出窗口

    在IT行业中,自定义弹出窗口是一种常见的交互设计技术,特别是在需要用户输入信息或执行特定操作但不希望离开当前页面的情况下。自定义弹出窗口,正如其名,允许开发者根据需求设计并构建出与系统默认样式不同的...

    弹出窗口效果

    在网页设计中,弹出窗口是一种常见的交互元素,用于显示重要的信息、提示用户操作或提供扩展功能。"jQuery + CSS 实现绚丽的弹出窗口效果"这个主题涉及到两个关键的技术:JavaScript 库 jQuery 和样式语言 CSS。它们...

    弹出窗口

    这些图片可以增强弹出窗口的视觉吸引力和信息传达能力。 7. **用户体验**:设计良好的弹出窗口应考虑用户体验,避免过于频繁地打扰用户,提供清晰的关闭按钮,并确保内容简洁明了。过度使用或设计不当的弹出窗口...

    功能强大的JS弹出窗口

    使用这样的JS弹出窗口库,开发者可以轻松创建各种定制化的对话框,如提示、确认、警告、输入框等,同时也可以自定义样式、动画效果,以满足网页设计的个性化需求。在实际开发中,通过调用库提供的API,结合HTML和CSS...

    jquery实现弹出窗口

    "jquery实现弹出窗口"是一个常见的需求,尤其在用户交互和信息提示时。这里我们将深入探讨如何使用 jQuery 来创建具有良好兼容性的弹出窗口,并结合实例 "ModalDIV_jquery" 进行讲解。 首先,jQuery 弹出窗口通常被...

    .NET弹出窗口总结

    最后,弹出窗口还可以是提示用户确认操作的确认对话框。例如,`ConfirmBox`或`YesNoBox`,虽然.NET没有内置的此类对话框,但可以通过自定义`Form`实现,通常包含一个信息文本、一个“是”按钮和一个“否”按钮。 ...

    一个Jsp弹出窗口

    在这个特定的案例中,我们讨论的是一个基于JSP实现的弹出窗口,其目标是提供一种在页面上显示提示信息的方式,既简洁又具有良好的用户体验。 在网页设计中,弹出窗口通常用于通知用户、请求确认或者显示附加信息。...

    手机页面弹出窗口

    5. **多种类型**:`layer`支持多种弹出窗口类型,包括信息提示(type: 0)、成功提示(type: 1)、警告提示(type: 2)、询问对话框(type: 3)和自定义层(type: 4)。每种类型都有其特定的默认样式和行为。 6. **...

    ASP.NET类似MSN弹出提示窗口

    5. Ajax通信:如果需要动态地从服务器获取提示信息,可以使用Ajax异步请求来更新弹出窗口的内容。 总结来说,ASP.NET中实现类似MSN的弹出提示窗口,需要结合服务器端和客户端的技术,利用特定的DLL或自定义的...

    百度的弹出窗口

    在IT行业中,弹出窗口是一种常见的用户交互设计,它能够吸引用户的注意力或者提供额外的信息。在Web开发领域,JavaScript(Js)是实现这种功能的主要工具。"百度的弹出窗口"可能指的是百度搜索引擎或其相关服务中...

    arcgis 自定义弹出窗口

    本文将深入探讨“arcgis自定义弹出窗口”这一主题,帮助开发者了解如何在ArcGIS for Silverlight中实现个性化的信息展示。 在ArcGIS for Silverlight中,弹出窗口(Popup)通常用于显示地图上的图层或特征的详细...

    9种js弹出动态窗口的 php代码

    2. **弹出窗口类型**:动态窗口通常包括模态对话框(modal dialogs)、提示框(alert boxes)、确认框(confirm boxes)、信息框(information boxes)以及自定义窗口。每种类型的弹窗都有其特定的用途,如模态...

    漂亮的div弹出窗口样式

    本资源“漂亮的div弹出窗口样式”提供了一种美观的弹出窗口设计,适用于网页中的各种提示、警告或者信息展示。通过解压文件并双击html页面,我们可以直接预览这个弹出窗口的效果。 首先,我们来详细了解一下div弹出...

    jQuery弹出信息窗口

    而"jQuery弹出提示信息窗口"可能是实际的JavaScript代码文件,包含了实现弹出窗口功能的函数和逻辑。 学习和使用jQuery弹出窗口不仅可以提升用户体验,也是提高前端开发效率的重要手段。通过熟练掌握这一技术,...

    Ajax右下角弹出窗口

    Ajax右下角弹出窗口是一种常见的用户交互设计,它利用Ajax技术实现在不刷新整个页面的情况下,于页面右下角动态展示信息或提示。这种设计不仅提升了用户体验,还能有效地传递实时数据,使得网页更具交互性和响应性。...

    JS弹出窗口JS弹出窗口JS弹出窗口JS弹出窗口

    在网页开发中,JS常用于创建各种弹出窗口,以实现如提示信息、用户输入对话框或者自定义内容窗口等功能。本篇文章将详细探讨JS弹出窗口的实现方式和相关知识点。 首先,JS中最常见的弹出窗口是`alert()`函数。它会...

    17、Jquery支持自定义弹出窗口插件

    弹出窗口通常是在主页面上覆盖一层半透明或全屏的元素,用来显示额外的信息、提示、表单或任何其他内容,而不会中断用户的浏览体验。这些窗口可以通过点击按钮、链接或其他交互触发。 创建一个自定义的jQuery弹出...

    delphi实现QQ弹出窗口

    在本文中,我们将深入探讨如何使用Delphi编程语言来实现QQ弹出窗口的功能。Delphi是一种基于Object Pascal的集成开发环境(IDE),它提供了一套强大的工具和组件库,使得开发者能够快速创建Windows应用程序。 首先...

Global site tag (gtag.js) - Google Analytics