Dreamweaver CC如何設(shè)計(jì)對(duì)話(huà)框?

設(shè)計(jì)對(duì)話(huà)框

第1步，啟動(dòng)Dreamweaver CC，打開(kāi)本節(jié)orig.html文件，另存為effect.html。該頁(yè)面是一個(gè)招聘網(wǎng)站主頁(yè)，版式設(shè)計(jì)單一，主要以文字信息列表為主。

第2步，在頁(yè)面中選擇一個(gè)對(duì)象，如<img>標(biāo)簽，然后單擊“行為”面板中的+，按鈕，從彈出的 下拉菜單中選擇“彈出信息”命令。

第3步，打開(kāi)“彈出信息”對(duì)話(huà)框，輸入耍顯示的信息，例如，輸入“該操作將無(wú)法恢復(fù)，在刪除信息之前，請(qǐng)慎重考慮"。如圖所示。

第4步，單擊“確定”按鈕完成設(shè)置。在“行為”面板列表中會(huì)顯示剛加入的動(dòng)作根據(jù)需要可以設(shè)置事件響應(yīng)類(lèi)型，這里設(shè)置鼠標(biāo)單擊事件，如圖所示。

第5步，保存并預(yù)覽網(wǎng)頁(yè)，在頁(yè)面中單擊按鈕，則會(huì)自動(dòng)彈出提示對(duì)話(huà)框。