js引入：
<!-- 消息 -->
<script src="jquery.messager.js"></script>//import<script src="brower.js"></script>//解决浏览器兼容性问题
//浏览器右下角消息提醒 封装一个方法
function msg(title,context){
$.messager.lays(200, 100); //窗口大小
$.messager.anim('fade', 2000);
$.messager.show(title, context,3000); //标题，内容，时间（秒）
}
//调用
msg("提示信息","消息内容");
(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('<div id="message" style="border:#ddd 1px solid;z-index:100;width:'
+this.layer.width+'px;height:'+this.layer.height+'px;position:absolute; display:none;background:white; bottom:0; right:0; overflow:hidden;"><div style="border:1px solid #ddd;border-bottom:none;width:100%;height:25px;font-size:12px;overflow:hidden;color:#ff0084;"><span id="message_close" style="float:right;padding:5px 0 5px 0;width:16px;line-height:auto;color:#444444;font-size:12px;font-weight:bold;text-align:center;cursor:pointer;overflow:hidden;">×</span><div style="padding:5px 0 5px 5px;width:100px;line-height:18px;text-align:left;overflow:hidden;">'
+title+'</div><div style="clear:both;"></div></div> <div style="padding-bottom:5px;border:1px solid #ddd;border-top:none;width:100%;height:auto;font-size:12px;"><div id="message_content" style="margin:0 5px 0 5px;border:#ddd 1px solid;padding:10px 0 10px 5px;font-size:12px;width:'
+(this.layer.width-17)+'px;height:'+(this.layer.height-50)+'px;color:#0073ea;text-align:left;overflow:hidden;">'+text+'</div></div></div>');
$("#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);
(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