<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>类似MSN弹出提示</title> <mce:style type="text/css"><!-- body{ font-size:12px; } div#popMsg { z-index:99999; right: 0px; bottom: 0px; width: 180px; border-right: #455690 1px solid; border-top: #a6b4cf 1px solid; border-left: #a6b4cf 1px solid; border-bottom: #455690 1px solid; visibility: hidden; display: none; position: fixed; background-color: #c9d3f3; filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.65); opacity: 0.65; } * html div#popMsg { position:absolute; } #popMsgContent { border-top: #728eb8 1px solid; border-right: #b9c9ef 1px solid; border-bottom: #b9c9ef 1px solid; border-left: #728eb8 1px solid; padding: 5px 10px; color: #1f336b; } --></mce:style><style type="text/css" mce_bogus="1">body{ font-size:12px; } div#popMsg { z-index:99999; right: 0px; bottom: 0px; width: 180px; border-right: #455690 1px solid; border-top: #a6b4cf 1px solid; border-left: #a6b4cf 1px solid; border-bottom: #455690 1px solid; visibility: hidden; display: none; position: fixed; background-color: #c9d3f3; filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.65); opacity: 0.65; } * html div#popMsg { position:absolute; } #popMsgContent { border-top: #728eb8 1px solid; border-right: #b9c9ef 1px solid; border-bottom: #b9c9ef 1px solid; border-left: #728eb8 1px solid; padding: 5px 10px; color: #1f336b; }</style> <mce:script language="javascript" type="text/javascript"><!-- var Message = Object(); Message.bottom = 0; Message.count = 0; Message.elem = "popMsg"; Message.mvTimer = null; Message.show = function(){ try{ //Message.controlSound('msgBeep');//播放音乐提示 document.getElementById(Message.elem).style.visibility = "visible"; document.getElementById(Message.elem).style.display = "block"; Message.bottom = 0 - parseInt(document.getElementById(Message.elem).offsetHeight); Message.mvTimer = window.setInterval("Message.move()", 10); document.getElementById(Message.elem).style.bottom = Message.bottom + "px"; } catch (e){ alert(e); } } Message.move = function(){ try{ if (Message.bottom == 0){ window.clearInterval(Message.mvTimer); Message.mvTimer = window.setInterval("Message.close()", 10000); } Message.bottom ++ ; document.getElementById(Message.elem).style.bottom = Message.bottom + "px"; } catch (e){ alert(e); } } Message.close = function(){ document.getElementById(Message.elem).style.visibility = 'hidden'; document.getElementById(Message.elem).style.display = 'none'; if (Message.mvTimer) window.clearInterval(Message.mvTimer) } Message.controlSound = function(_sndObj){ sndObj = document.getElementById(_sndObj); try{ sndObj.Play(); } catch (e) { } } // --></mce:script> </head> <body> <div id="popMsg"> <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#cfdef4" border="0"> <tr> <td style="color: #0f2c8c" mce_style="color: #0f2c8c" width="30" height="24"></td> <td style="font-weight: normal; color: #1f336b; padding-top: 4px;padding-left: 4px;" mce_style="font-weight: normal; color: #1f336b; padding-top: 4px;padding-left: 4px;" valign="center" width="100%"> 信息标题</td> <td style="padding-top: 2px;padding-right:2px" mce_style="padding-top: 2px;padding-right:2px" valign="center" align="right" width="19"><span title="关闭" style="cursor: hand;cursor:pointer;color:red;font-size:12px;font-weight:bold;margin-right:4px;" mce_style="cursor: hand;cursor:pointer;color:red;font-size:12px;font-weight:bold;margin-right:4px;" οnclick="Message.close()" >×</span><!-- <img title=关闭 style="cursor: hand" mce_style="cursor: hand" οnclick=closediv() hspace=3 src="msgclose.jpg" mce_src="msgclose.jpg"> --></td> </tr> <tr> <td style="padding-right: 1px; padding-bottom: 1px" mce_style="padding-right: 1px; padding-bottom: 1px" colspan="3" height="70"> <div id="popMsgContent"> <p>信息内容信息内容信息内容信息内容信息内容信息内容信息内容</p> <p align="center" style="word-break:break-all" mce_style="word-break:break-all"><a href="javascript:void(null);" mce_href="javascript:void(null);"><span style="color:#ff0000" mce_style="color:#ff0000">信息链接</span></a></p> </div> </td> </tr> </table> </div> <div id="msgBeep"></div> <mce:script language="javascript" type="text/javascript"><!-- var Browser = new Object(); Browser.isMozilla = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined') && (typeof HTMLDocument != 'undefined'); Browser.isIE = window.ActiveXObject ? true : false; Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox") != - 1); Browser.isSafari = (navigator.userAgent.toLowerCase().indexOf("safari") != - 1); Browser.isOpera = (navigator.userAgent.toLowerCase().indexOf("opera") != - 1); if (Browser.isIE){ onscroll = function(){ document.getElementById('popMsg').style.top = (document.body.scrollTop + document.body.clientHeight - document.getElementById('popMsg').offsetHeight) + "px"; } } Message.show(); // --></mce:script> </body> </html>