本文仅仅是为了记住过去经常用到却又总是要重新编写的一些代码片段和一些个人想法,仅此而已。
下面是代码:
注:请先引入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');
};
分享到:
相关推荐
有时候感觉系统自带的提示框太丑了,试试自定义提示框吧,直接引用js即可
自定义alert 弹框 弹窗 公用的alert.jsp的页面 引用直接使用 还可根据实际需要做修改,修改系统自带的弹框样式,有alertError 和alertSuccess两种样式
简单的自定义alert样式,可自定义弹出对话框背景颜色,以及大小
Jquery自定义alert弹出框样式
自定alert弹出框,自己可以做相应的修改、美化
有时候感觉系统自带的提示框太丑了,试试jquery自定义提示框吧,可以自适应手机,要先引用jquery
自定义JS Alert 可以自定义标题 右上角为关闭 中间为亲要描述的信息,下面是确定按钮。呵呵!
NULL 博文链接:https://michealbean.iteye.com/blog/2195659
NULL 博文链接:https://jxncyun.iteye.com/blog/1246656
Flex 自定义Alert 4版本自定义Alert 4版本自定义Alert 4版本自定义Alert 4版本
自定义弹出框样式 alert修改 根据需要修改弹出框样式
用闭包的技术实现alert 弹出框效果,样式可以自己添加调整,使弹出框更加有弹性。更多变灵活
自定义alert,js重写alert事件
自定义Alert,编译成Framework,只需引入Freamwork就可以试用。 可以通过两种方式创建 1.设定title和message 2.自定义view (*该alert至多可以设定两个按钮)
闭包自定义alert 弹出框
可以自己定义样式、自定义宽高、自定义按钮文字的模拟alert和confirm
自定义 js alert 弹出框
对系统alert调用进行了一层封装,支持block回调.自定义了一个可以高度定制仿原生的alert弹框,支持传自定义contentView进去
自定义Alert,自适应高度