MSN消息提示类_javascript技巧_动视

MSN消息提示类_javascript技巧

2020-11-27 20:33:09 责编:小采

纯js编写
跨框架
无图片
支持调速度
任意位置弹出
需要ie5.5以上

<HTML><HEAD> 
 
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(); 
} 
 
/**//* 
 * 消息显示方法 
 */ 
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 = "" 
 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 += "×</TD>" 
 str += "</TR>" 
 str += "<TR>" 
 str += "<TD style='PADDING-RIGHT: 1px;PADDING-BOTTOM: 1px' colSpan=3 height=" + (h-28) + ">" 
 str += "" + this.title + "

" 
 str += "<FONT color=#ff0000>" + this.message + "" 
 str += "" 
 str += "</TD>" 
 str += "</TR>" 
 str += "</TABLE>" 
 str += "" 
 
 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;}

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

下载本文

显示全文

全部频道