網站設計時怎樣制作制作提示對話框,Dreamweaver的“彈出信息”行為可以用來顯示指定的信息圖片或在導航欄按鈕上加入該行為。單擊該鏈按時,系統(tǒng)將彈出,怎樣實現(xiàn)這個功能對于網站制作愛好者初次設計的作品按照以下或許對您有幫助。
【操作步驟】
例如當網站中某個網頁正在更新,此時便可在主頁中,連接該網頁的文字一個對話框提示稍后再訪問。
第1步.啟動Dreamweaver,新建文檔,保存為test.html。在空白頁面中設計個簡單的表單,如圖7-31所示。
第2步,在主頁中選中要在其上加入“彈出信息”行為的文字、圖片或導航欄按鈕。選擇【窗口】【行為】命令,打開【行為】面板。
第3步,單擊【行為】面板中的+一按鈕,在打開的菜單中選擇【彈出信息】命令,打開【彈出信息】對話框,如圖7-32所示。
第4步.在【消息】列表框中輸入要顯示的提示信息,如“確認要提交輸入的姓名和職業(yè)信息?!?。
第5步,單擊【確定】按鈕,返回【行為】面板。此時可看到面板中新加入的行為,其默認的觸發(fā)事件為onClick.即單擊該對象后的觸發(fā)事件。如果想使用其他觸發(fā)事件的動作,可單擊【事件】列表的向下三角按鈕,在彈出的菜單中選擇個動作.例如onMouseOver
第6步,完成設置后按F12鍵預覽。在頁面中單擊【提交】按鈕,便可彈出含有指定信息的對話框,如網站設計提示框制作實操示意圖7-33所示。
提示:在“彈出信息”行為所顯示的JavaScript提示對話框中只有個【確定】按鈕,所以它只能作為個提示對話框來使用,而不能進行更進一步的交互操作。本文關于網站制作時處理提示對話框的六個實際操作步驟經驗分享,本文就到這里。深圳博納網絡編輯整理。