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