MSN样式的提示消息

最新推荐文章于 2015-09-23 16:59:00 发布
最新推荐文章于 2015-09-23 16:59:00 发布
阅读量107 收藏
点赞数
分类专栏： UI 文章标签： 公告
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/magic_dreamer/article/details/83525503
版权
同事找了段JS代码，用于显示MSN形式的提示消息，记录一下，用得着。

<html>
<head><title>MSN</title></head>
<body>
<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,12)
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>300) closeDiv()
//客户想不用自动消失由用户来自己关闭所以屏蔽这句
try{
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight - 60;
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; BORDER-LEFT: #a6b4cf 1px solid; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #c9d3f3'>
<TABLE style='BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid' cellSpacing=0 cellPadding=0 width='200' bgColor=#cfdef4 border=0>
<TR>
<TD style='FONT-SIZE: 12px;COLOR: #0f2c8c' width=30 height=24></TD>
<TD style='PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1f336b; PADDING-TOP: 4px' vAlign=center width='100%'><b>公告</b> <img height="12" width="15" src="gonggao.gif" /></TD>
<TD style='PADDING-RIGHT: 2px; PADDING-TOP: 2px' vAlign=center align=right width=19>
<SPAN title=关闭 style='FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px' id='btSysClose' οnclick="closeDiv();">×</SPAN></TD>
</TR>
<TR>
<TD style='PADDING-RIGHT: 1px;PADDING-BOTTOM: 1px' colSpan=3 >
<DIV style='BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 8px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%'>
<DIV style='WORD-BREAK: break-all;margin-right: 32px;' >
Test for message!<br/>
</DIV>
</DIV>
</TD>
</TR>
</TABLE>
</DIV>

</body>
</html>
magic_dreamer
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
msn消息提示音
12-23
经典的 msn消息提示音收藏,适用于各类流行邮件客户端;提供msn消息提示音.zip下载,有喜欢的赶快下载吧
MSN消息提示音
03-12
MSN 消息提示音 免费下载 超全
MSN消息提示类(II)
weixin_34029949的博客
03-18 129
纯js编写 跨框架 无图片 支持调速度 任意位置弹出 需要ie5.5以上 &lt;HTML&gt;&lt;HEAD&gt; &lt;SCRIPT language=JavaScript&gt;  &lt;!--    /**//*  **    =============================================================...
msn软件消息提示音wav格式
03-24
msn的提示音，wav格式，替换手机QQ的提示音可以用到
MSN样式的消息提示
Sakurain的专栏
11-03 777
纯JavaScript编写 跨框架 无图片 支持调速度 任意位置弹出 需要ie5.5以上  HTML>HEAD> SCRIPT language=JavaScript>      /**//*  **    ==================================================================================
MSN、QQ的消息提示样式
joe83004的专栏
10-14 519
body{overflow:hidden;margin:0px}div{position:absolute}"background-color:#3399CC;z-index:100">请问如何使层始终居于顶部"width:100%;height:100%;overflow:auto">document.write(new Array(100).join(a))
javascript实现防MSN、QQ的消息提示样式
weixin_33785972的博客
07-16 72
javascript实现防MSN、QQ的消息提示样式,代码如下：<style>body{overflow:hidden;margin:0px}div{position:absolute}</style><div style="background-color:#3399CC;z-index:100">请问如何使层始终居于顶部</div><div...
C#实现仿msn提示消息在登录后只弹出一次的效果
dfdfadsf3443的博客
12-29 111
在 codeproject 上看到一个很不错的控件，完全能够自定义弹出窗口的样式、内容、链接，该控件支持Mozilla, Internet Explorer 和 Opera，我试用了一下，效果非常不错，推荐大家使用。 Download demo project (C# and VB.NET) - 38.1 Kb Download control with so...
模仿MSN消息提示的效果
06-16
在IT行业中，模仿MSN消息提示的效果通常涉及到网页或者桌面应用中的通知系统设计。MSN（Microsoft Network）是一款曾经非常流行的即时通讯软件，它的消息提示方式以其直观、易用和吸引用户注意力的特点而广受欢迎。...
JSXX.rar_消息提示
09-24
在"JSXX.rar_消息提示"这个压缩包中，我们可能找到一个实现类似MSN风格的消息提示框功能的示例。下面将详细讨论这种功能的实现及其相关的JavaScript知识点。 首先，消息提示框通常通过JavaScript的`alert()`、`...
类似msn的消息提示
10-29
以"类似MSN的消息提示"为例，我们可以深入探讨这一类消息提示的设计理念、实现方式以及在不同场景下的应用。 MSN（Microsoft Network）是一款早期的即时通讯软件，其消息提示功能在当时颇具代表性。MSN的消息提示...
phpcms模仿QQ和MSN消息提示的效果
09-29
在网页设计中，有时我们希望实现类似QQ或MSN的消息提示效果，给用户带来即时通知的交互体验。PHP CMS（内容管理系统）中可以采用JavaScript来模仿这种效果，通过创建弹出层并在页面上动态移动来模拟消息提示。这里，...
MSN、QQ的消息提示样式（转贴）
KimYoo的专栏
03-05 3071
body{overflow:hidden;margin:0px}div{position:absolute}请问如何使层始终居于顶部document.write(new Array(100).join(a)) window.onload = getMsg; window.onresize = resizeDiv; window.onerror = function(){} //短信提示使用(a
类似MSN的消息提示
weixin_33801856的博客
09-23 79
2019独角兽企业重金招聘Python工程师标准>>> ...
窗口右下角谈小窗口的JS
weixin_34401479的博客
03-08 99
<SCRIPT language=JavaScript><!--/**//***==================================================================================================**类名：CLASS_MSN_MESSAGE**功能：提供...
使用 React 和 Redux 进行井字游戏并附带源代码.zip
最新发布
07-24
项目：使用 React 和 Redux 进行井字游戏并附带源代码 使用 react 和 redux 的井字游戏是一个简单的 react 项目。整个项目都是使用 react components 和redux制作的。游戏很简单，玩法也很多。要运行此项目，您必须先安装 NodeJS。 关于项目 井字游戏反应而 redux 是使用ReactJS开发的。说到这个游戏，它具有高级功能和游戏玩法。要运行此项目，首先，您必须安装费用到您的系统。然后运行npm安装然后开始运行npm开始。游戏启动后，您可以选择不同的游戏选项。您还可以选择所需的网格框数量。此外，您还可以选择对手的类型。 要运行此项目，您需要 在计算机上安装NodeJS 并使用现代浏览器，例如 Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
使用 JavaScript 编写的专注力游戏（附源代码）.zip
07-24
项目：JavaScript 中的专注力游戏（附源代码） 专注力游戏是一个使用 JavaScript、CSS 和 HTML 开发的简单项目。这款游戏很有趣。玩家必须点击移动的框并获得分数。要点击正确的位置，玩家需要在这个游戏中集中注意力。这款游戏可以帮助玩家练习以进一步增强他们的专注力。 游戏制作 这个游戏项目仅使用 HTML、CSS 和 JavaScript。说到这个游戏的特点，用户必须单击移动框并得分。游戏有三种模式：简单、中等和困难。游戏的 PC 控制非常简单。您只需使用光标单击移动框的碎片即可。 该游戏包含大量的 javascript 以确保游戏正常运行。 如何运行该项目？ 要运行此游戏，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox。要玩游戏，首先，单击 index.html 文件在浏览器中打开游戏。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
msn提示音噔噔噔无损
08-11
MSN提示音“噔噔噔”是许多80后和90后的青春回忆。它是Windows Live Messenger（Windows即时通讯工具）的即时消息软件。"噔噔噔"是MSN在新消息到来时发出的独特音效。 多年来，“噔噔噔”已成为许多人在MSN上交流的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值