TEST

HTML code
  
  
< HTML >< HEAD > < TITLE > 页面右下角弹出类似QQ或MSN的消息提示 </ TITLE > < SCRIPT language =JavaScript > <!-- /**//* ** ================================================================================================== ** 类名:CLASS_MSN_MESSAGE ** 功能:提供类似MSN消息框 ** 示例: --------------------------------------------------------------------------------------------------- var MSG = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示:","您有1封消息","今天请我吃饭哈"); MSG.show(); /* *//* * 消息构造 */ function CLASS_MSN_MESSAGE(id,width,height,caption,title,message,target,action){ this .id = id; this .title = title; this .caption = caption; this .message = message; this .target = target; this .action = action; this .width = width ? width: 200 ; this .height = height ? height: 120 ; this .timeout = 150 ; this .speed = 20 ; this .step = 1 ; this .right = screen.width - 1 ; this .bottom = screen.height; this .left = this .right - this .width; this .top = this .bottom - this .height; this .timer = 0 ; this .pause = false ; this .close = false ; this .autoHide = true ; } /**//* * 隐藏消息方法 */ CLASS_MSN_MESSAGE.prototype.hide = function (){ if ( this .onunload()){ var offset = this .height > this .bottom - this .top ? this .height: this .bottom - this .top; var me = this ; if ( this .timer > 0 ){ window.clearInterval(me.timer); } var fun = function (){ if (me.pause == false || me.close){ var x = me.left; var y = 0 ; var width = me.width; var height = 0 ; if (me.offset > 0 ){ height = me.offset; } y = me.bottom - height; if (y >= me.bottom){ window.clearInterval(me.timer); me.Pop.hide(); } else { me.offset = me.offset - me.step; } me.Pop.show(x,y,width,height); } } this .timer = window.setInterval(fun, this .speed) } } /**//* * 消息卸载事件,可以重写 */ CLASS_MSN_MESSAGE.prototype.onunload = function () { return true ; } /**//* * 消息命令事件,要实现自己的连接,请重写它 * */ CLASS_MSN_MESSAGE.prototype.oncommand = function (){ // this.close = true; this .hide(); window.open( " http://www.baidu.com " ); } /**//* * 消息显示方法 */ CLASS_MSN_MESSAGE.prototype.show = function (){ var oPopup = window.createPopup(); // IE5.5+ this .Pop = oPopup; var w = this .width; var h = this .height; var str = " <DIV style='BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 0px; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: " + w + " px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: " + h + " px; BACKGROUND-COLOR: #c9d3f3'> " str += " <TABLE style='BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid' cellSpacing=0 cellPadding=0 width='100%' bgColor=#cfdef4 border=0> " str += " <TR> " str += " <TD style='FONT-SIZE: 12px;COLOR: #0f2c8c' width=30 height=24></TD> " str += " <TD style='PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1f336b; PADDING-TOP: 4px' vAlign=center width='100%'> " + this .caption + " </TD> " str += " <TD style='PADDING-RIGHT: 2px; PADDING-TOP: 2px' vAlign=center align=right width=19> " str += " <SPAN title=关闭 style='FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px' id='btSysClose' >×</SPAN></TD> " str += " </TR> " str += " <TR> " str += " <TD style='PADDING-RIGHT: 1px;PADDING-BOTTOM: 1px' colSpan=3 height= " + (h - 28 ) + " > " str += " <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%'> " + this .title + " <BR><BR> " str += " <DIV style='WORD-BREAK: break-all' align=left><A href='javascript:void(0)' hidefocus=false id='btCommand'><FONT color=#ff0000> " + this .message + " </FONT></A>fghfghfghghghgh<A href='http://www.sohu.com' hidefocus=false id='ommand'><FONT color=#ff0000>dfgdfgfg</FONT></A></DIV> " str += " </DIV> " str += " </TD> " str += " </TR> " str += " </TABLE> " str += " </DIV> " oPopup.document.body.innerHTML = str; this .offset = 0 ; var me = this ; oPopup.document.body.onmouseover = function (){me.pause = true ;} oPopup.document.body.onmouseout = function (){me.pause = false ;} var fun = function (){ var x = me.left; var y = 0 ; var width = me.width; var height = me.height; if (me.offset > me.height){ height = me.height; } else { height = me.offset; } y = me.bottom - me.offset; if (y <= me.top){ me.timeout -- ; if (me.timeout == 0 ){ window.clearInterval(me.timer); if (me.autoHide){ me.hide(); } } } else { me.offset = me.offset + me.step; } me.Pop.show(x,y,width,height); } this .timer = window.setInterval(fun, this .speed) var btClose = oPopup.document.getElementById( " btSysClose " ); btClose.onclick = function (){ me.close = true ; me.hide(); } var btCommand = oPopup.document.getElementById( " btCommand " ); btCommand.onclick = function (){ me.oncommand(); } var ommand = oPopup.document.getElementById( " ommand " ); ommand.onclick = function (){ // this.close = true; me.hide(); window.open(ommand.href); } } /**//* ** 设置速度方法 * */ CLASS_MSN_MESSAGE.prototype.speed = function (s){ var t = 20 ; try { t = praseInt(s); } catch (e){} this .speed = t; } /**//* ** 设置步长方法 * */ CLASS_MSN_MESSAGE.prototype.step = function (s){ var t = 1 ; try { t = praseInt(s); } catch (e){} this .step = t; } CLASS_MSN_MESSAGE.prototype.rect = function (left,right,top,bottom){ try { this .left = left != null ? left: this .right - this .width; this .right = right != null ? right: this .left + this .width; this .bottom = bottom != null ? (bottom > screen.height ? screen.height:bottom):screen.height; this .top = top != null ? top: this .bottom - this .height; } catch (e){} } var MSG1 = new CLASS_MSN_MESSAGE( " aa " , 200 , 120 , " 短消息提示: " , " 您有1封消息 " , " 今天请我吃饭哈 " ); MSG1.rect( null , null , null ,screen.height - 50 ); MSG1.speed = 10 ; MSG1.step = 5 ; // alert(MSG1.top); MSG1.show(); // --> </ SCRIPT > < META content ="MSHTML 6.00.2800.1106" name =GENERATOR ></ HEAD > < BODY > < table width ="100%" height ="980" border ="0" cellpadding ="0" cellspacing ="0" > < tr > < td > &nbsp; </ td > </ tr > </ table > </ BODY ></ HTML >
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值