浏览器右下角弹出提示信息窗口，几秒后自动关闭代码,Js代码库,德仔网

代码语言
代码分类
【Js】浏览器右下角弹出提示信息窗口，几秒后自动关闭
作者:春山 / 发布于2017/10/25/ 720
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("提示信息","消息内容");





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('<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);












//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);
试试其它关键字
同语言下
可能有用的
春山贡献的其它代码(8)