Dreamweaver CC如何關(guān)閉對(duì)話框?

關(guān)閉對(duì)話框

【操作步驟】

第1步，啟動(dòng) Dreamweaver CC創(chuàng)建文件 index.html 和 diaIog.html。

第2步，保留index.htm丨文檔結(jié)構(gòu)不動(dòng)，打開dialog.html文擋，<div data-role="content">容器 內(nèi)插入段落標(biāo)簽<p>，在新段落行中嵌入一個(gè)超鏈接，定義data-rel="back”屬性。代碼如下，操作如圖所示

第3步，在移動(dòng)設(shè)備中預(yù)覽，可以看到如圖左圖所示的效果，單擊“打開對(duì)話框”超鏈接，即可顯示模態(tài)對(duì)話框，效果如圖右圖所示。該對(duì)話框以模式的方式浮在當(dāng)前頁的上面，單擊對(duì) 話框中的“關(guān)閉”按鈕，可以直接關(guān)閉打開的對(duì)話框。