本文实例讲述了jQuery基于函数重载实现自定义Alert函数样式的方法。分享给大家供大家参考，具体如下：
rush:js;">
(function(){
window.alert = function(text) {
text=text.toString().replace(/\\/g,'\\').replace(/\n/g,'
').replace(/\r/g,'
'); //解析alert内容中的换行符 var alertdiv='
').replace(/\r/g,'
'); //解析alert内容中的换行符 var alertdiv='
display:none ; overflow:hidden; padding:10px 10px 8px; top: 50%; left: 50%; text-align:center; line-height:22px; background-color:#DDE4EE; border:1px solid #ccc">'+text+'
'; //自定义div弹窗 $(document.body).append(alertdiv); //动态加载div $("#alertdiv").css({"margin-left":$("#alertdiv").width()/2*(-1)-20,"margin-top":$("#alertdiv").height()/2*(-1)-20}); //设置偏移数值，实现div居中 $("#alertdiv").show(); //显示 }; })();
'; //自定义div弹窗 $(document.body).append(alertdiv); //动态加载div $("#alertdiv").css({"margin-left":$("#alertdiv").width()/2*(-1)-20,"margin-top":$("#alertdiv").height()/2*(-1)-20}); //设置偏移数值，实现div居中 $("#alertdiv").show(); //显示 }; })();
注：以上代码可自适应alert内容长度，支持换行符，调用时与原始alert函数无异。
完整示例代码如下：
rush:js;">
运行效果截图如下：
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家jQuery程序设计有所帮助。
原文地址：https://www.jb51.cc/jquery/47067.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
