Dreamweaver CC如何關閉對話框?

關閉對話框

【操作步驟】

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

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

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