`

类似MSN的消息提示

 
阅读更多 



<html>
<head>
<title>类似MSN提示的页面效果</title>
</head>

<body scroll=no>
看到右下角的提示了吗？如果没有看到，<button onclick=location.reload();>刷新</button>一下
<script language="JavaScript">
window.onload = getMsg;
window.onresize = resizeDiv;
window.onerror = function(){}
//短信提示使用(asilas添加)
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;
function getMsg()
{
	try{
	divTop = parseInt(document.getElementById("eMeng").style.top,10)
	divLeft = parseInt(document.getElementById("eMeng").style.left,10)
	divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
	divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
	docWidth = document.body.clientWidth;
	docHeight = document.body.clientHeight;
	document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;//  divHeight
	document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth
	document.getElementById("eMeng").style.visibility="visible"
	objTimer = window.setInterval("moveDiv()",10)
	}
	catch(e){}
}

function resizeDiv()
{
	i+=1
	if(i>500) closeDiv()
	try{
	divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
	divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
	docWidth = document.body.clientWidth;
	docHeight = document.body.clientHeight;
	document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)
	document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)
	}
	catch(e){}
}

function moveDiv()
{
	try
	{
	if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))
	{
	window.clearInterval(objTimer)
	objTimer = window.setInterval("resizeDiv()",1)
	}
	divTop = parseInt(document.getElementById("eMeng").style.top,10)
	document.getElementById("eMeng").style.top = divTop - 1
	}
	catch(e){}
}
function closeDiv()
{
	document.getElementById('eMeng').style.visibility='hidden';
	if(objTimer) window.clearInterval(objTimer)
}
</script>
<DIV id=eMeng style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX:99999; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 180px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 116px; BACKGROUND-COLOR: #c9d3f3">
	<TABLE style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgColor=#cfdef4 border=0>
	<TBODY>
		<TR>
			<TD style="FONT-SIZE: 12px; BACKGROUND-IMAGE: url(msgTopBg.gif); COLOR: #0f2c8c" width=30 height=24></TD>
			<TD style="FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(msgTopBg.gif); COLOR: #1f336b; PADDING-TOP: 4px;PADDING-left: 4px" vAlign=center width="100%"> 短消息提示：</TD>
			<TD style="BACKGROUND-IMAGE: url(msgTopBg.gif); PADDING-TOP: 2px;PADDING-right:2px" vAlign=center align=right width=19><span title=关闭 style="CURSOR: hand;color:red;font-size:12px;font-weight:bold;margin-right:4px;" onclick=closeDiv() >×</span><!-- <img src="msgClose.jpg" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> --></TD>
		</TR>
		<TR>
			<TD style="PADDING-RIGHT: 1px; BACKGROUND-IMAGE: url(1msgBottomBg.jpg); PADDING-BOTTOM: 1px" colSpan=3 height=90>
				<DIV style="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%">您有<font color=#FF0000>1封新短消息<BR><BR>
				<DIV align=center style="word-break:break-all"><a href="javascript:alert('你好')"><font color=#FF0000>点击查看短信</a></DIV

				</DIV>
			</TD>
		</TR>
	</TBODY>
	</TABLE>
</DIV>
</body>

</html>
  • 大小: 8.7 KB
分享到：
| Cry on my shoulder
评论
发表评论

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

相关推荐

    类似MSN消息提示示例

    标题 "类似MSN消息提示示例" 暗示我们要探讨的是一个模仿早期即时通讯软件MSN（Microsoft Network）的桌面通知功能。在.NET Framework 1.1环境下，使用C#编程语言，我们可以创建一个类似MSN的消息提示窗口，为用户...

    类似msn的消息提示

    以"类似MSN的消息提示"为例，我们可以深入探讨这一类消息提示的设计理念、实现方式以及在不同场景下的应用。 MSN（Microsoft Network）是一款早期的即时通讯软件，其消息提示功能在当时颇具代表性。MSN的消息提示...

    弹出类似MSN的消息提示.rar

    标题中的“弹出类似MSN的消息提示”指的是在网页中实现一种与即时通讯软件MSNMessenger相似的动态消息提示效果。MSN Messenger是微软公司早期的一款即时通讯应用，它以直观、实时的聊天功能著称，其中的提示信息通常...

    类似QQ、MSN消息提示

    在IT行业中，尤其是在软件开发领域，创建一个类似QQ或MSN的消息提示功能是一项常见的需求。这种功能可以在用户不离开当前工作界面的情况下，通过任务栏显示新消息的通知，提高用户体验。在这个场景下，我们将主要...

    类似msn的提示

    标题中的“类似msn的提示”指的是模仿早期微软的即时通讯软件MSN Messenger的提示功能。在MSN Messenger中，用户可以通过各种状态（如“在线”、“离开”、“忙碌”等）来展示自己的在线状态，同时系统会以特定的...

    任务栏上弹出类似MSN，QQ的消息提示框

    标题中的“任务栏上弹出类似MSN，QQ的消息提示框”指的是在计算机操作系统中，特别是Windows环境下，应用程序通过特定方式在任务栏上显示类似于即时通讯软件（如MSN、QQ）的新消息通知。这种通知通常是一个小窗口...

    delphi类似msn信息提示窗口

    "delphi类似msn信息提示窗口"这个主题涉及的是如何在Delphi中创建一个模仿MSN即时通讯软件中那种在屏幕右下角弹出的用户上下线提示信息的窗口。这样的窗口通常被称为气泡提示或者托盘提示，它可以在不干扰用户主要...

    仿QQ.MSN消息提示界面

    在IT行业中，创建类似QQ和MSN的消息提示界面是一项常见的任务，尤其在开发桌面应用程序时，这类功能能够提供直观且友好的用户体验。这个“仿QQ.MSN消息提示界面”项目的目标是模仿这两种即时通讯软件中的消息通知...

    c# 多消息提示 类似qq消息提示，msn上线通知

    在C#编程中，创建一个类似QQ或MSN的消息提示系统是一项常见的需求，它涉及到用户界面(UI)设计、事件处理和多线程等技术。这里我们将深入探讨如何在C#中实现这样的多消息提示功能。 首先，我们需要理解消息提示的...

    类似MSN、Foxmail消息提示控件

    【标题】：“类似MSN、Foxmail消息提示控件”指的是在软件开发中，开发者可以使用的类似于微软MSN Messenger和Foxmail电子邮件客户端中的消息提示组件。这种控件主要用于在应用程序中实现弹出式通知，通常用于显示...

    页面右下角弹出消息提示框类似QQ或者MSN+ASP.NET

    在ASP.NET开发中，创建一个类似QQ或MSN的页面右下角弹出消息提示框功能是一项常见的需求。这种提示框可以用于通知用户、显示警告信息或者进行交互式操作反馈。以下是一个详细的实现步骤和相关知识点： 1. **CSS布局...

    【精华】页面右下角弹出类似QQ或MSN的消息提示

    标题中的“【精华】页面右下角弹出类似QQ或MSN的消息提示”指的是在网页设计中实现一种类似于即时通讯软件（如QQ、MSN）的消息提示功能。这种功能常见于许多网站，尤其是企业级应用，用于通知用户新消息、提醒或者...

    CLASS_MSN_MESSAGE右下角弹出类似QQ或MSN消息提示.rar

    标题中的"CLASS_MSN_MESSAGE右下角弹出类似QQ或MSN消息提示.rar"指的是一个压缩文件，其中包含了一个文档，该文档可能详细介绍了如何在Windows操作系统中创建或模拟一种类名为"CLASS_MSN_MESSAGE"的弹窗效果，这种...

    页面右下角弹出类似QQ或MSN的消息提示

    在网页设计和用户体验中，创建类似QQ或MSN的消息提示功能是一项常见的需求，它可以在不打扰用户主界面的情况下，提供即时的通知。这样的设计可以用于显示系统消息、用户通知、广告推送等，有效地吸引用户的注意力，...

    页面右下角弹出类似MSN的消息提示

    页面右下角弹出类似MSN的消息提示 网上有代码，里面可以自己修改一下参数，变成自己实用的Js

    DELPHI7实现QQ/MSN消息提示框

    本主题聚焦于如何利用Delphi来实现类似QQ和MSN的消息提示框功能，这是一种常见于即时通讯软件中的用户体验设计，能够通过动画效果吸引用户的注意力。我们将探讨的核心技术是`AnimateWindow`函数，这是一个Windows ...

    asp.net弹出消息框 类似msn的消息框

    在ASP.NET开发中，有时我们需要实现一种类似MSN即时通讯软件中的消息提示功能，为用户提供直观、友好的交互体验。标题和描述中提到的"asp.net弹出消息框 类似msn的消息框"实际上是在指如何在网页上创建一个模仿MSN...

    页面右下角弹出类似QQ或MSN的消息提示.rar

    在网页设计中，为了增强用户体验和互动性，开发者经常会在页面右下角设计类似QQ或MSN的消息提示功能。这种功能可以模拟即时通讯软件中的消息通知，让用户在浏览网页时能够实时接收并查看重要信息。本教程将深入探讨...

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