类似msn的右下角信息提示

最新推荐文章于 2024-09-22 11:17:00 发布
最新推荐文章于 2024-09-22 11:17:00 发布
阅读量502 收藏
点赞数
文章标签： 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 183
html右下角弹出短信提示框弹窗类似MSN提示的页面效果看到右下角的提示了吗？如果没有看到，刷新一下window.onload = getMsg;window.onresize = resizeDiv;window.onerror = function(){}//短信提示使用(asilas添加)var divTop,divLeft,divWidth,divHeight,docHeight,docW...
类似MSN右下角提示的窗口效果
工作博客
07-27 484
类似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 83
<HTML><HEAD> <TITLE>页面右下角弹出类似QQ或MSN的消息提示</TITLE> <SCRIPT language=JavaScript> <!-- /**//* ** =============================================================...
页面右下角弹出类似QQ或MSN的消息提示
lemon
08-09 152
&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 787
需要右下角弹出提示框功能 以下是在网上找到的两个方案 http://www.codeproject.com/dialog/statusbarmsgwnd.asp http://www.codeproject.com/dialog/taskbarnotifier.asp   这两个网址是不错的解决方案 都是codeproject上面开源的   还有一个csdn'上的前辈写的 也不错 虽
asp.net 页面右下角弹出类似QQ或MSN的消息提示
weixin_33856370的博客
11-25 148
<HTML><HEAD> <TITLE>网页特效观止|JsCode.CN|---页面右下角弹出类似QQ或MSN的消息提示</TITLE> <SCRIPT language=JavaScript> <!-- /**//* ** ===================...
右下角弹出提示窗口（类似MSN功能）
阿牛博客
10-21 1172
页面右下角弹出类似QQ或MSN的消息提示    /**//*  **    ==================================================================================================  **    类名：CLASS_MSN_MESSAGE  **    功能：提供类似MSN消息框  **    示例：    
右下角弹出类似QQ或MSN消息提示
dongzhumao886的博客
05-27 110
文章转载自网管网：http://www.bitscn.com/school/Javascript/200709/111908.html
js 浏览器右下角弹出消息（跨浏览器）
iteye_20868的博客
04-09 622
&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的消息提示.pdf
10-04
【网页右下角弹出类似QQ或MSN的消息提示】是一种常见的网页交互设计，通常用于向用户展示临时通知、系统消息或者广告信息。这种效果模仿了即时通讯软件如QQ和MSN的对话窗口弹出方式，能够吸引用户的注意力而不打扰其...
页面右下角弹出消息提示框类似QQ或者MSN+ASP.NET
09-14
在ASP.NET开发中，创建一个类似QQ或MSN的页面右下角弹出消息提示框功能是一项常见的需求。这种提示框可以用于通知用户、显示警告信息或者进行交互式操作反馈。以下是一个详细的实现步骤和相关知识点： 1. **CSS布局...
msn.rar_msn_右下_右下角 消息
09-24
标题中的“msn.rar_msn_右下_右下角 消息”表明这是一个与MSN相关的项目，重点在于实现屏幕右下角的消息显示功能，类似于QQ的弹出通知。这通常涉及到桌面应用开发中的用户界面（UI）设计和实现。 在描述中提到，...
计算机毕业设计之：基于微信小程序的诗词智能学习系统（源码+文档+解答）
最新发布
程序员阿龙的博客
09-22 4285
博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导，我致力于帮助更多学生完成毕业项目和技术提升。 技术范围： 我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等方
运行VUE项目运行时候的报错汇总
W3306698294的博客
09-21 304
上面的问题解决问题：【在npm install 后面加 --legacy-peer-deps，就可以解决了】
Babel
小秀的博客
09-20 717
它的主要作用是为了确保在不同浏览器和环境中运行 JavaScript 代码时保持一致的行为，尤其是提供对较新 ECMAScript 特性（如 Promise、Symbol、Object.assign 等）的支持。随着 JavaScript 标准不断更新，新的特性和功能被添加，但并不是所有的浏览器都能及时支持这些新特性。core-js 通常与 Babel 一起使用。core-js 是模块化的，这意味着开发者可以按需引入自己需要的 polyfill，而不是全部引入，这不仅能减少代码体积，还有助于提高性能。
jQuery国内大厂CDN加速链接
TANKING，开源开发者！
09-21 344
jQuery的CDN有很多，但都很不稳定，例如国内的bootcdn经常抽风，还有其他的常见的例如jQuery官方的jsDeliverstaticfile，这些都是经常抽风的。导致使用了线上的CDN的页面打开受到影响，那么就没有国内好用的CDN吗？下面是我汇总的一些大厂的！
仿MSN风格右下角消息通知
"本资源提供了一个简易的JavaScript代码示例，用于创建一个仿照MSN风格的右下角弹窗。这个教程特别适合JavaScript初学者，它展示了如何利用HTML、CSS和基本的脚本语言来设计一个具有特定样式（如阴影边框、背景颜色...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值