一个简单的自定义alert方法
程序员文章站
2022-06-08 15:41:40
...
本文仅仅是为了记住过去经常用到却又总是要重新编写的一些代码片段和一些个人想法,仅此而已。
下面是代码:
注:请先引入jquery库
下面是代码:
注:请先引入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');
};
推荐阅读
-
PHP的一个简单封装的HTTP类
-
Android 入门第十讲02-广播(广播概述,使用方法(系统广播,自定义广播,两个activity之间的交互和传值),EventBus使用方法,数据传递,线程切换,Android的系统广播大全)
-
一个简单的动态加载js和css的jquery代码_jquery
-
JDBC 实现 一个通用的查询方法~
-
一个棘手的有关问题,就是打开窗口,别以为简单
-
ps消失点滤镜的运用方法以及简单新手入门教程
-
php自定义类fsocket模拟post或get请求的方法_PHP
-
php图片缩放代码-按比例缩放或截取指定大小的缩略图 非常好用的一个方法_PHP教程
-
还在为小三角形切图?使用纯CSS写一个简单的三角形_html/css_WEB-ITnose
-
用Eclipse 创建一个简单的web项目(图文教程)