`

AJAX弹出提示信息效果

 
阅读更多 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>提示信息框</title>
<style type="text/css">
a {
	color: #000;
	font-size: 12px;
	text-decoration: none
}

a:hover {
	color: #900;
	text-decoration: underline
}

body {
	background: ;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,
		startColorStr=#ffffff, endColorStr=#003366 );
	overflow: hidden
}

#massage_box {
	position: absolute;
	left: expression(( body.clientWidth-350)/2 );
	top: expression(( body.clientHeight-200)/2 );
	width: 350px;
	height: 200px;
	filter: dropshadow(color = #666666, offx = 3, offy = 3, positive = 2);
	z-index: 2;
	visibility: hidden
}

#mask {
	position: absolute;
	top: 0;
	left: 0;
	width: expression(body.scrollWidth);
	height: expression(body.scrollHeight);
	background: #666;
	filter: ALPHA(opacity = 60);
	z-index: 1;
	visibility: hidden
}

.massage {
	border: #036 solid;
	border-width: 1 1 3 1;
	width: 95%;
	height: 95%;
	background: #fff;
	color: #036;
	font-size: 12px;
	line-height: 150%
}

.header {
	background: #036;
	height: 10%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3 5 0 5;
	color: #fff
}
</style>
<!--实现层移动-->
<script language="javascript">
	var Obj = ''
	document.onmouseup = MUp
	document.onmousemove = MMove

	function MDown(Object) {
		Obj = Object.id
		document.all(Obj).setCapture()
		pX = event.x - document.all(Obj).style.pixelLeft;
		pY = event.y - document.all(Obj).style.pixelTop;
	}

	function MMove() {
		if (Obj != '') {
			document.all(Obj).style.left = event.x - pX;
			document.all(Obj).style.top = event.y - pY;
		}
	}

	function MUp() {
		if (Obj != '') {
			document.all(Obj).releaseCapture();
			Obj = '';
		}
	}
</script>
</head>
<body>
	<div id="massage_box">
		<div class="massage">
			<div class="header" onmousedown=MDown(massage_box)>
				<div style="display: inline; width: 150px; position: absolute">本站提示信息</div>
				<span
					onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'"
					style="float: right; display: inline; cursor: hand">×</span>
			</div>
			<ul style="margin-right: 25">
				<li>本人申明此博客所有文章（包括文章插图）均为原创，如需引用或转载请注明出处。</li>
				<li>欢迎大家对博文中观点留言评述，谢绝无聊人士无素质无观点的灌水漫骂。</li>
				<li>本站已设背景音乐，听音乐盒中收集的音乐时请先到页面底部关闭背景音乐。</li>
			</ul>
		</div>
	</div>
	<div id="mask"></div>
	<span
		onClick="mask.style.visibility='visible';massage_box.style.visibility='visible'"
		style="cursor: hand"><a href="#">显示提示信息</a></span>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
</body>
</html>
分享到：
| JS不间断向左滚动
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    AJAX弹出提示信息效果特效代码

    介绍： 一种弹出提示信息时页面背景色调改变的方法

    让AJAX弹出提示信息效果的代码

    AJAL弹出信息提示的代码

    jquery ajax消息提示框，2秒后消失

    这是一个jquery提示消息框，平时我们所做的Ajax操作，如果多次提交，效果看不出来，有了这个功能，使得有更好的用户体验，提示出来的信息，两秒后消失！该功能由本人实现，属于原创，所以多要了点分，也不为过

    Ajax 实现右下角提示框

    右下角提示框 源码（ajax实现）稍加修改 就可以成为自己的了。。。

    弹出提示框包含增加，修改，删除，成功或者失败操作提示信息方法源码

    弹出提示框包含增加，修改，删除，成功或者失败操作提示信息方法封装。 * 备注信息： 上传部分自己总结的常用方法的封装，有不足和不完美之处，希望大家指出来，愿意一起 * 主要研究erp,cms,crm,b2b,oa等系统和...

    asp.net 实现弹出窗口功能

    在 web应用中，比如OA中，经常要用到一些提示，比如EMAIL到达了，就做个象MSN那样的提示框，弹出给用户提示，然后再关闭。在ASP.net 2.0的ajax中，这个现在不难做到了，刚好看到老外的一篇文章，讲解到，下面小结之

    网页上最酷的弹出窗口(对话框)脚本源代码及示例

    你可以把它用到ASP.NET，AJAX，Java等等所有网页上，支持的功能有：可以改变窗口大小、支持最小化、最大化窗口、模型对话框、渐入渐出的渐变效果，支持皮肤等等功能。现有的实例包括：模仿MAC OS的对话框，在对话框...

    jQuery qtip浮动提示框插件新浪微博图片或文字ajax提示

    jQuery qtip浮动提示框插件新浪微博图片或文字ajax提示

    C# AJAX 源码

    C#、AJAX实现网页弹出提示信息，比较全面的功能实例，源码。常用的ajax源码。

    一个Ajax无刷新表单输入验证特效插件.rar

    一个Ajax无刷新表单输入验证特效插件，主要是可以适时弹出提示信息，点确认后，仍使用传统的弹出框弹出信息，各参数设置说明： 　chk.config:待验证项目信息,对应项目说明： 　id:待验证项目的id.(类型:字符串,必填)...

    超强大、漂亮的蓝色网页弹出层效果

    摘要:脚本资源,Ajax/JavaScript,网页弹出层　超漂亮的仿腾讯弹出层效果（兼容主流浏览器），弹出窗口示例，它可以弹出带说明的...通过本JS弹出层插件可让大家快速为你的网页增加一个AJAX弹出层，比如用户登录框的实现。

    YMessageBox Ajax无刷新提示框插件.rar

    YMessageBox是一个由JS完成的Ajax无刷新提示框插件，本源码包内是其演示示例，看一看吧，每一个弹框都挺漂亮，而且实用，可弹出确认提示、警告提示、常规提示和错误信息，仿windows的形式，每个弹窗的前面都带有一个...

    【卷一/共两卷】AJAX实战pdf高清版90M

    10.5.5 第5天：提示的弹出框界面 10.5.6 重构报告 10.6 小结 第11章 增强的Ajax Web门户 11.1 正在进化的门户 11.1.1 传统门户 11.1.2 拥有丰富的用户界面的门户 11.2 使用Java的Ajax门户的架构. 11.3 Ajax登录 ...

    即时消息弹出窗口-多多指教

    1.实现功能：当有新消息发布时，即在网页右下角弹出一个提示信息。 2.实现技术javascript、ajax、jsp、

    完全手册：ASP.net Ajax电子教程(9-15章)

    　1.7.4 弹出AJAX环境中对话框 　1.8 ASP.NET AJAX Control Toolkit 　1.8.1 ASP.NET AJAX Control Toolkit概述 　1.8.2 安装ASP.NET AJAX Control Toolkit 　1.8.3 导入ASP.NET AJAX Control Toolkit中的控件 　...

Magicbox
Global site tag (gtag.js) - Google Analytics