欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

一个简单的自定义alert方法

程序员文章站 2022-06-08 15:41:40
...
本文仅仅是为了记住过去经常用到却又总是要重新编写的一些代码片段和一些个人想法,仅此而已。
下面是代码:
注:请先引入jquery库

window.alert = function(msg){
var config = {
fontSize:'12px',
backgroundColor:'#696969',
fontColor:'#FFFFFF',
borderRadius:'30px',
border:'solid 1px #696969',
padding:'5px 15px'
};
var $alertPanel = $("#alertPanel263");
if($alertPanel.length>0){
$alertPanel.find("span").html(msg);
}else{
var html = new Array();
html.push('<div id="alertPanel263" style="display:none;position:fixed;width:100%;bottom:20%;text-align:center;z-index:9999999">')
html.push('<span style="padding:'+config.padding+';border:'+config.border+';font-size:'+config.fontSize+';font-weight: bold;background-color:'+config.backgroundColor+';color:'+config.fontColor+';border-radius:'+config.borderRadius+';-moz-border-radius:'+config.borderRadius+';-webkit-border-radius:'+config.borderRadius+'">')
html.push(msg)
html.push('</span></div>');
$alertPanel = $(html.join(''));
$("body").append($alertPanel);
}
$alertPanel.stop().fadeIn('fast').delay(8000).fadeOut('slow');
};
相关标签: javascript alert