自定義alert彈出框

2021-08-08 12:57:45 字數 1797 閱讀 4972

專案中往往會有很多彈出框,比如修改密碼成功之類需要給使用者乙個提示,如果使用瀏覽器自帶的肯定不好看,因此自定義乙個提示框是很有必要的,**如下

css部分:

/*alert.css*/

.zbox-popup

.zbox-popup.zbox-popup-in

.zbox-popup-inner

.zbox-popup-inner:after

.zbox-popup-title

.zbox-popup-title+.zbox-popup-text

.zbox-popup-buttons

.zbox-popup-button

.zbox-popup-button:first-child:last-child

.zbox-popup-button.zbox-popup-button-bold

.zbox-popup-button:after

.zbox-popup-backdrop.zbox-active

.zbox-popup-backdrop

.zbox-toast-container

.zbox-toast-container.zbox-active

.zbox-toast-message

.zbox-btn-outlined.zbox-btn-blue, .zbox-btn-outlined.zbox-btn-primary

.zbox-btn-outlined

.zbox-btn-blue, .zbox-btn-primary, input[type=submit]

.zbox-btn

#zchange

js部分

//alert彈出框

(function($,window,document,undefined);

$.dialogbyz = ,

//彈出確認框

confirm: function (params) ,

//自動顯示彈框

autofade: function (params) ,

//關閉彈出框

close: function () ,

//載入圖形

loading:function(url)

};//初始化引數

function init(params) ,defaultparams, params);}};

function loadbox(url),30)

}function show(params, caller),30)

settimeout(function(),3000)

}else

settimeout(function(),10)

$(".zbox-popup-button").click(function()else

}elseelse

}return false;})}

//}

})(jquery,window,document);

function confirm(content,url))

function url()

}function confirm_2())

}window.url='';

$('span').click(function())

自定義彈出框alert

有時候由於某種需求,我們需要改變彈出框的樣式。例子一 js 如下 function alert txt 例子二 可以正常確定返回。js 如下 window.alert function str alertfram.focus document.body.onselectstart function ...

Android自定義彈出框AlertDialog

今天有空把自定義彈出框研究了一下,一直在用,都沒有仔細的看 今兒mark一下。先上個圖,做出來的效果 step 1 先自定義乙個顯示圖,我寫的xml檔案如下 這裡為了讓現實框變成圓角的,在linearlayout空間上加了乙個background,檔名是window bg,具體的圓角實現如下 這樣就...

自定義彈出提示框

把confirm提示框的 確定 和 取消 按鈕,修改一下文字,並進行相應的按鈕事件。生成html var generatehtml function type,title,msg html 必須先將 html新增到body,再設定css樣式 生成css var generatecss functio...