类似MSN的消息提示

[img]/upload/attachment/137185/10a8b361-7353-3988-b057-71fee2f816ce.jpg[/img]

<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>

类似MSN的消息提示相关推荐

asp.net 页面右下角弹出类似QQ或MSN的消息提示
<HTML><HEAD> <TITLE>网页特效观止|JsCode.CN|---页面右下角弹出类似QQ或MSN的消息提示</TITLE> <SCR ...
c#在线程中打开类似msn的消息提示窗口
// 启动线程 private void button2_Click(object sender, System.EventArgs e) { Thread receivex = ...
实现MSN,QQ消息提示效果[ASP.Net]
实现MSN,QQ消息提示效果[ASP.Net] ---------------------------------------------------------------------------- ...
类似msn的消息提醒
 <script language="JavaScript"> window.onload = getMsg; wind ...
MSN消息提示类(II)
纯js编写跨框架无图片支持调速度任意位置弹出需要ie5.5以上 <HTML><HEAD> <SCRIPT language=JavaScript> ...
MSN样式的消息提示
纯JavaScript编写跨框架无图片支持调速度任意位置弹出需要ie5.5以上 < HTML >< HEAD > < SCRIPT language = J ...
vue自定义插件封装一个类似 element 中 message 消息提示框的插件
vue自定义插件封装一个类似 element 中 message 消息提示框的插件一.资源文档 1.vue内置组件 transition 2.Vue.use() 3.Vue.extend() 4. ...
ASP.NET中实现MSN通知消息功能
MSN由个很好的功能,就是每当你的MSN好友上线时,MSN会自动在窗体托盘的右下角由下往上弹出消息框来通知你,这个功能十分实用,比如在论坛里,当有新回复你的帖子时,系统会自动弹出消息提示框,又或者在一 ...
android 微信浮窗实现_Android实现类似qq微信消息悬浮窗通知功能
实现方法:(需要开启悬浮窗通知权限.允许应用在其他应用上显示) 一.利用headsup 悬挂式Notification,他是5.0中新增的,也就是API中的Headsup的Notification,可 ...
java实现未读消息提醒_Android自定义View之未读消息提示
一个轻量级的仿微信未读消息提示大家好,我是接触安卓不久的小菜鸟,今天花了一晚上封装了一个类似微信未读消息提示的安卓控件.由于技术问题,所以功能不是很强大,没有动画,但是满足基本需求还是可以的.下面是 ...

类似MSN的消息提示

类似MSN的消息提示相关推荐

最新文章

热门文章