模態對話方塊練習

2022-08-10 02:24:07 字數 1500 閱讀 7763

實現效果就跟**註冊一樣,一點選彈出乙個框來

初始:

點選按鈕後:

點選cancle按鈕後回到第乙個狀態,這個框會隨滑鼠上下滾動。

實現**:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>模態對話方塊

title

>

<

style

>

.d1.shade

.models

.hide

.d2style

>

head

>

<

body

>

<

div>

<

div

id="d1"

class

="d1"

>

<

input

class

="c"

type

="button"

value

="click"

>

div>

<

div

class

="shade hide handles"

>

div>

<

div

id="d2"

class

="models hide handles"

>

<

input

class

="c"

type

="button"

value

="cancle"

>

div>

div>

<

script

>

varb_ele

=document.getelementsbyclassname('c

')varhide_ele

=document.getelementsbyclassname(

'handles')

for(j=0

;j<

b_ele.length;j

++)

}else}}

}script

>

body

>

html

>

view code

模態對話方塊 非模態對話方塊 標準對話方塊 檔案對話方塊

模態對話方塊 qdialog 非模態對話方塊 qdialog 標準對話方塊 關於對話方塊 問題對話方塊等 qmessagebox 檔案對話方塊 qfiledialog 標準對話方塊還有 qcolordialog 選擇顏色 qfiledialog 選擇檔案或者目錄 qfontdialog 選擇字型 q...

模態對話方塊與非模態對話方塊

1.對話方塊分類 按工作方式不同,可將對話方塊分成兩類 模態對話方塊 modal 在關閉模態對話方塊之前,程式不能進行其他工作 如一般的 開啟檔案 對話方塊 非模態對話方塊 modeless 非模態對話方塊開啟後,程式仍然能夠進行其他工作 如一般的 查詢與替換 對話方塊 2.對話方塊建立 模態對話方...

模態對話方塊和非模態對話方塊

模態對話方塊和非模態對話方塊的區別 在這裡我就說的比較通俗易懂了,就是當你開啟乙個模態對話方塊時,你的焦點不能轉移到程式的其他視窗上,也就是你只能先響應模態對話方塊,才能進行成下面的操作。而非模態對話方塊則相反,你可以不用管它,照常能夠將其他視窗啟用。建立模態對話方塊,主要是應用對話方塊的domod...