类似msn的右下角信息提示

最新推荐文章于 2024-11-08 16:09:18 发布
最新推荐文章于 2024-11-08 16:09:18 发布
阅读量514 收藏
点赞数
文章标签： function javascript url scroll html border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaotianle/article/details/3296883
版权
<script>
window.onerror = new Function("return(false);")
</script><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>popinfo as msn</TITLE></HEAD>

<BODY scroll=no>attition right bottom,if you have not found anything, please click &nbsp;<BUTTON οnclick="javascript:location.reload();">refresh</BUTTON>
<SCRIPT language=JavaScript>
window.onload = getMsg;
window.onresize = resizeDiv;
window.onerror = function(){}
//for popup message
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: 840px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 180px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 483px; 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="PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(msgTopBg.gif); COLOR: #1f336b; PADDING-TOP: 4px"
vAlign=center width="100%">message box</TD>
<TD
style="PADDING-RIGHT: 2px; BACKGROUND-IMAGE: url(msgTopBg.gif); PADDING-TOP: 2px"
vAlign=center align=right width=19><SPAN title=xx
style="FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px"
οnclick=closeDiv()>⊙ </SPAN></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%">
you have <FONT color=#ff0000>1 </FONT>new mail <BR><BR>
<DIV style="WORD-BREAK: break-all" align=center><A
href="javascript:alert('hello')"><FONT color=#ff0000>goto mail
</FONT></A></DIV></DIV></TD></TR></TBODY></TABLE></DIV><!--EndFragment--></BODY>
</HTML>

gaotianle
关注
【精华】页面右下角弹出类似QQ或MSN的消息提示
07-29
标题中的“【精华】页面右下角弹出类似QQ或MSN的消息提示”指的是在网页设计中实现一种类似于即时通讯软件（如QQ、MSN）的消息提示功能。这种功能常见于许多网站，尤其是企业级应用，用于通知用户新消息、提醒或者...
页面右下角弹出类似QQ或MSN的消息提示.rar
07-04
在网页设计中，为了增强用户体验和互动性，开发者经常会在页面右下角设计类似QQ或MSN的消息提示功能。这种功能可以模拟即时通讯软件中的消息通知，让用户在浏览网页时能够实时接收并查看重要信息。本教程将深入探讨...
右下角消息提醒html,html右下角弹出短信提示框弹窗.docx
weixin_34984235的博客
06-04 195
html右下角弹出短信提示框弹窗类似MSN提示的页面效果看到右下角的提示了吗？如果没有看到，刷新一下window.onload = getMsg;window.onresize = resizeDiv;window.onerror = function(){}//短信提示使用(asilas添加)var divTop,divLeft,divWidth,divHeight,docHeight,docW...
类似MSN右下角提示的窗口效果
工作博客
07-27 494
类似MSN提示的页面效果-html5中文学习网www.htm15.com 看到右下角的提示了吗？如果没有看到，刷新一下 window.onload = getMsg; window.onresize = resizeDiv; window.onerror = function(){} //短信提示使用(asilas添加) var divTop,divLeft,div
页面右下角弹类似QQ或MSN的消息提示
weixin_30914981的博客
07-24 90
<HTML><HEAD> <TITLE>页面右下角弹出类似QQ或MSN的消息提示</TITLE> <SCRIPT language=JavaScript> <!-- /**//* ** =============================================================...
页面右下角弹出类似QQ或MSN的消息提示
lemon
08-09 160
&lt;HTML&gt;&lt;HEAD&gt; &lt;TITLE&gt;页面右下角弹出类似QQ或MSN的消息提示&lt;/TITLE&gt; &lt;SCRIPT language=JavaScript&gt; &lt;!-- /** * 消息构造 */ function CLASS_MSN_MESSAGE(id,width,height,caption,title...
近期 关于QQ 或MSN 右下角弹出提示框 解决方案 网页
蜗牛的专栏
01-04 795
需要右下角弹出提示框功能 以下是在网上找到的两个方案 http://www.codeproject.com/dialog/statusbarmsgwnd.asp http://www.codeproject.com/dialog/taskbarnotifier.asp   这两个网址是不错的解决方案 都是codeproject上面开源的   还有一个csdn'上的前辈写的 也不错 虽
asp.net 页面右下角弹出类似QQ或MSN的消息提示
weixin_33856370的博客
11-25 155
<HTML><HEAD> <TITLE>网页特效观止|JsCode.CN|---页面右下角弹出类似QQ或MSN的消息提示</TITLE> <SCRIPT language=JavaScript> <!-- /**//* ** ===================...
右下角弹出提示窗口（类似MSN功能）
阿牛博客
10-21 1199
页面右下角弹出类似QQ或MSN的消息提示    /**//*  **    ==================================================================================================  **    类名：CLASS_MSN_MESSAGE  **    功能：提供类似MSN消息框  **    示例：    
js 浏览器右下角弹出消息（跨浏览器）
iteye_20868的博客
04-09 630
&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; &lt;meta name="Keywords" content="51windows.Net"&gt; &lt;META NAME="A
右下角弹出类似QQ或MSN消息提示
dongzhumao886的博客
05-27 117
文章转载自网管网：http://www.bitscn.com/school/Javascript/200709/111908.html
页面右下角弹出类似QQ或MSN的消息提示.pdf
10-04
【网页右下角弹出类似QQ或MSN的消息提示】是一种常见的网页交互设计，通常用于向用户展示临时通知、系统消息或者广告信息。这种效果模仿了即时通讯软件如QQ和MSN的对话窗口弹出方式，能够吸引用户的注意力而不打扰其...
页面右下角弹出消息提示框类似QQ或者MSN+ASP.NET
09-14
在ASP.NET开发中，创建一个类似QQ或MSN的页面右下角弹出消息提示框功能是一项常见的需求。这种提示框可以用于通知用户、显示警告信息或者进行交互式操作反馈。以下是一个详细的实现步骤和相关知识点： 1. **CSS布局...
仿MSN右下角弹窗控件ASP.NET版
03-17
内容索引:.NET源码,控件组件,右下角,弹出窗口　仿MSN右下角的弹出...　它可以像动画一样弹出，类似MSN的右下角提示框，界面漂亮，支持一次弹出多个，示例程序演示了如何使用和设置窗口的参数等，很实用的一个网页插件。
Echarts 折线图
weixin_44443380的博客
11-08 215
解决方法：设置emphasis.lineStyle和折线图本身lineStyle相同即可。问题：鼠标悬停在折线图上，折线变粗。3、去掉 hover 折线变粗方法。
vue2面试题5|[2024-11-08]
最新发布
m0_49474690的博客
11-08 911
关于vue2API的面试题
每天10个vue面试题(九)
不熬夜的臭宝的博客
11-08 517
一天10个vue面试题喽！
上门理发系统的搭建
app830的博客
11-07 384
上门理发系统的搭建涉及多个方面，包括技术架构、功能模块、用户体验以及运营策略等。服务器：部署应用到云服务器（如AWS、阿里云）或本地服务器上，确保系统的稳定性和可扩展性。消息通知：通过短信、邮件或APP推送等方式，向用户发送预约确认、提醒等消息。订单管理：用户可以查看自己的预约订单，包括待付款、已付款、已完成等状态。服务浏览与选择：展示各类理发服务，包括价格、时长、适用人群等信息。在搭建过程中，要确保系统的安全性和稳定性，防止数据泄露和系统崩溃。操作便捷：优化用户操作流程，减少不必要的步骤，提高用户体验。
软件测试学习笔记丨Vue常用指令-条件渲染（v-if）
ceshiren_com的博客
11-05 633
v-show只是简单控制dom元素的display属性。v-if通过操纵dom元素来进行切换显示。
屏幕右下角滚动消息框实现方法分享
资源摘要信息: "msn.rar_msn_右下_右下角 消息"是一份分享资源，其中包含了关于如何在屏幕右下角模拟MSN或QQ消息框显示效果的相关知识。这类消息框通常用于发送系统通知或用户自定义消息，以提醒用户进行某些操作或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值