/**
* http://www.jianshu.com/p/1fa9c8e8894c
使用了bootstrap框架,所以要引入bootstrap框架
* msg string 消息内容
* title string 对话框标题
* callback function 返回函数。在隐藏并且CSS动画结束后触发
**/
window.alert = function (msg, title, callback) {
if (!title) {
title = '对话框';
}
var dialogHTML = '<div id="selfAlert" class="modal fade">';
dialogHTML += '<div class="modal-dialog">';
dialogHTML += '<div class="modal-content">';
dialogHTML += '<div class="modal-header">';
dialogHTML += '<button type="button" class="close" data-dismiss="modal" aria-label="Close">';
dialogHTML += '<span aria-hidden="true">×</span>';
dialogHTML += '</button>';
dialogHTML += '<h4 class="modal-title">' + title + '</h4>';
dialogHTML += '</div>';
dialogHTML += '<div class="modal-body">';
dialogHTML += msg;
dialogHTML += '</div>';
dialogHTML += '<div class="modal-footer">';
dialogHTML += '<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>';
dialogHTML += '</div>';
dialogHTML += '</div>';
dialogHTML += '</div>';
dialogHTML += '</div>';
if ($('#selfAlert').length <= 0) {
$('body').append(dialogHTML);
}
$('#selfAlert').on('hidden.bs.modal', function () {
$('#selfAlert').remove();
if (typeof callback == 'function') {
callback();
}
}).modal('show');
}
相关推荐
重写alert,confirm 提示框样式
js重写alert和confirm,alert使用方法未改变,只要引用次js即可改变以往的alert效果
javascript重写alert方法的实例代码.docx
window.alert = function(msg, callback) { var div = document.createElement(div); div[removed] = <style type=\text/css\> + .nbaMask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0...
重写js的alert方法.html文件。拿来既可以用
重写window.alert方法 重写window.alert方法
最近因为在flash项目中遇到as调用js函数马上弹出alert,在火狐浏览器下会卡死浏览器。介于这样我们重写alert,让alert弹出一个自定义的div弹层,来实现提示效果!
纯粹是为了打发时间,手写了一个JS的 alert控件。 代码如下: <html> <head> [removed] var alertObj = new Object(); var generalStyle = { zIndex: 0, width: "200px", height: "100px", border: ...
alert_box_JS可定制化重写alert模块组件正在开发中。。。。。。。
经典重写javaScript alert方式 给需要帮之的人
自定义alert,js重写alert事件
本文将介绍下用Jquery重写windows.alert方法,已经在 IE8 , firefox3.0.11下面测试通过,喜欢的朋友可以放心使用
jquery alert 信息提示 精通JavaScript+jQuery
自己实现的alert、confirm、prompt弹出框,代码简单易懂,效果个人认为还不错,样式仿效的是Ext的弹出框。希望对大家有用,同时也请大家多多指教!有不足的地方能够指出来!大家共同进步!
js中有 ALert confirm 和promopt 三种 类似ios本地的 UIAlertview 样子 但是在 ios native 的app 中 弹出的话alert 的title 是 url 的地址,比较丑 为了美观,我们要加入以下的方法。 提供完整DEMO可供下载
NULL 博文链接:https://hugang357.iteye.com/blog/761620
这是一个JQuery代码。实现的弹框有黑幕。遮罩、类似于一种粒粒返登录的。这个弹框无论滑动滚动条还是改变窗口大小、都会始终居于浏览器中间(垂直水平).很不错的效果!!