用js自定義彈窗

用js自定義彈窗

**如下：

doctype html
>
<
html 
lang
="zh_cn"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>title
title
>
<
style
>
.popup 
.popup-content 
.top 
.info 
style
>
<
script
>
//給定乙個值,使點 確定按鈕 為 true,點其他為 false
varisdelete 
=false
; 
//顯示彈窗函式，設定display為flex
function
showpopup() 
//關閉
彈窗函式，設定display為none，傳乙個引數，把true和false傳進去
function
hidepopup(x, e) 
document.getelementbyid(
"popup
").style.display ="
none";
isdelete =x;
console.log(x);
}script
>
head
>
<
body
>
<
button 
type
="button"
onclick
="showpopup()"
>彈窗
button
>
<
div 
class
="popup"
id="popup"
onclick
="hidepopup(false)"
>
<
div 
class
="popup-content"
>
<
div 
class
="top"
>
<
p>提示資訊
p>
div>
<
div 
class
="info"
>
<
p>確認關閉？
p>
div>
<
div 
class
="btn"
>
<
button 
type
="button"
onclick
="hidepopup(true,event)"
>確定
button
>
<
button 
type
="button"
onclick
="hidepopup(false)"
>取消
button
>
div>
div>
div>
div>
body
>
html
>

js實現自定義彈窗

click me 樣式部分 也放出來供參考，樣式可以根據自己的設計圖自行更改即可 彈出框最外層 msg wrap 彈出框頭部 msg wrap msg header msg wrap msg header msg header close button 彈出框中部 msg wrap msg body...

swift 自定義彈窗

在專案中，有的時候需要用到一些特殊的彈窗，並在彈窗上新增一些自定義的功能，這個時候我們就需要自定義彈窗了 帶xib的彈窗檔案 呼叫彈窗的方法 class func show view uiview?alertview else let nib uinib nibname alertview bund...

ionic ionicPopup 自定義彈窗

ionic 彈窗寫法 上述鏈結所講的彈窗內容模板是官網固定寫好的，有時就不滿足自己專案所需，官網介紹了乙個屬性，可以自定義彈窗內容 templateurl 所引用 彈窗內容的 html檔案位址 彈窗 var confirmpopup ionicpopup.confirm confirmpopup.t...