js实现浏览器右下角弹出提示信息窗口，几秒后自动关闭

js引入： 

 

//import

 //解决浏览器兼容性问题

//浏览器右下角消息提醒 封装一个方法
function msg(title,context){
$.messager.lays(200, 100); //窗口大小
$.messager.anim('fade', 2000); 
$.messager.show(title, context,3000); //标题，内容，时间（秒）

}

//调用

msg("提示信息","消息内容");

jquery.messager.js内容：

(function (jQuery){




this.version = '@1.3';


this.layer = {'width' : 200, 'height': 100};


this.title = '信息提示';


this.time = 4000;


this.anims = {'type' : 'slide', 'speed' : 600};
this.timer1 = null;





this.inits = function(title, text){


if($("#message").is("div")){ return; }


$(document.body).prepend('

×

'
+title+'

'+text+'

');





$("#message_close").click(function(){


setTimeout('this.close()', 1);


});
$("#message").hover(function(){
clearTimeout(timer1);
timer1 = null;
},function(){
timer1 = setTimeout('this.close()', time);
//alert(timer1);
});


};


this.show = function(title, text, time){


if($("#message").is("div")){ return; }


if(title==0 || !title)title = this.title;


this.inits(title, text);


if(time>=0)this.time = time;


switch(this.anims.type){


case 'slide':$("#message").slideDown(this.anims.speed);break;


case 'fade':$("#message").fadeIn(this.anims.speed);break;


case 'show':$("#message").show(this.anims.speed);break;


default:$("#message").slideDown(this.anims.speed);break;


}


if($.browser.is=='chrome'){


setTimeout(function(){


$("#message").remove();


this.inits(title, text);


$("#message").css("display","block");


},this.anims.speed-(this.anims.speed/5));


}


$("#message").slideDown('slow');


this.rmmessage(this.time);


};


this.lays = function(width, height){


if($("#message").is("div")){ return; }


if(width!=0 && width)this.layer.width = width;


if(height!=0 && height)this.layer.height = height;


}


this.anim = function(type,speed){


if($("#message").is("div")){ return; }


if(type!=0 && type)this.anims.type = type;


if(speed!=0 && speed){


switch(speed){


case 'slow' : ;break;


case 'fast' : this.anims.speed = 200; break;


case 'normal' : this.anims.speed = 400; break;


default:


this.anims.speed = speed;


}


}


}


this.rmmessage = function(time){


if(time>0){


timer1 = setTimeout('this.close()', time);


//setTimeout('$("#message").remove()', time+1000);


}


};
this.close = function(){
switch(this.anims.type){
case 'slide':$("#message").slideUp(this.anims.speed);break;
case 'fade':$("#message").fadeOut(this.anims.speed);break;
case 'show':$("#message").hide(this.anims.speed);break;
default:$("#message").slideUp(this.anims.speed);break;
};
setTimeout('$("#message").remove();', this.anims.speed);
this.original();
}


this.original = function(){


this.layer = {'width' : 200, 'height': 100};


this.title = '信息提示';


this.time = 4000;


this.anims = {'type' : 'slide', 'speed' : 600};


};


    jQuery.messager = this;


    return jQuery;


})(jQuery);

//brower.js内容如下：

(function(jQuery){   
  
if(jQuery.browser) return;   
  
jQuery.browser = {};   
jQuery.browser.mozilla = false;   
jQuery.browser.webkit = false;   
jQuery.browser.opera = false;   
jQuery.browser.msie = false;   
  
var nAgt = navigator.userAgent;   
jQuery.browser.name = navigator.appName;   
jQuery.browser.fullVersion = ''+parseFloat(navigator.appVersion);   
jQuery.browser.majorVersion = parseInt(navigator.appVersion,10);   
var nameOffset,verOffset,ix;   
  
// In Opera, the true version is after "Opera" or after "Version"   
if ((verOffset=nAgt.indexOf("Opera"))!=-1) {   
jQuery.browser.opera = true;   
jQuery.browser.name = "Opera";   
jQuery.browser.fullVersion = nAgt.substring(verOffset+6);   
if ((verOffset=nAgt.indexOf("Version"))!=-1)   
jQuery.browser.fullVersion = nAgt.substring(verOffset+8);   
}   
// In MSIE, the true version is after "MSIE" in userAgent   
else if ((verOffset=nAgt.indexOf("MSIE"))!=-1) {   
jQuery.browser.msie = true;   
jQuery.browser.name = "Microsoft Internet Explorer";   
jQuery.browser.fullVersion = nAgt.substring(verOffset+5);   
}   
// In Chrome, the true version is after "Chrome"   
else if ((verOffset=nAgt.indexOf("Chrome"))!=-1) {   
jQuery.browser.webkit = true;   
jQuery.browser.name = "Chrome";   
jQuery.browser.fullVersion = nAgt.substring(verOffset+7);   
}   
// In Safari, the true version is after "Safari" or after "Version"   
else if ((verOffset=nAgt.indexOf("Safari"))!=-1) {   
jQuery.browser.webkit = true;   
jQuery.browser.name = "Safari";   
jQuery.browser.fullVersion = nAgt.substring(verOffset+7);   
if ((verOffset=nAgt.indexOf("Version"))!=-1)   
jQuery.browser.fullVersion = nAgt.substring(verOffset+8);   
}   
// In Firefox, the true version is after "Firefox"   
else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) {   
jQuery.browser.mozilla = true;   
jQuery.browser.name = "Firefox";   
jQuery.browser.fullVersion = nAgt.substring(verOffset+8);   
}   
// In most other browsers, "name/version" is at the end of userAgent   
else if ( (nameOffset=nAgt.lastIndexOf(' ')+1) <   
(verOffset=nAgt.lastIndexOf('/')) )   
{   
jQuery.browser.name = nAgt.substring(nameOffset,verOffset);   
jQuery.browser.fullVersion = nAgt.substring(verOffset+1);   
if (jQuery.browser.name.toLowerCase()==jQuery.browser.name.toUpperCase()) {   
jQuery.browser.name = navigator.appName;   
}   
}   
// trim the fullVersion string at semicolon/space if present   
if ((ix=jQuery.browser.fullVersion.indexOf(";"))!=-1)   
jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix);   
if ((ix=jQuery.browser.fullVersion.indexOf(" "))!=-1)   
jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix);   
  
jQuery.browser.majorVersion = parseInt(''+jQuery.browser.fullVersion,10);   
if (isNaN(jQuery.browser.majorVersion)) {   
jQuery.browser.fullVersion = ''+parseFloat(navigator.appVersion);   
jQuery.browser.majorVersion = parseInt(navigator.appVersion,10);   
}   
jQuery.browser.version = jQuery.browser.majorVersion;   
})(jQuery); 

Songsong