在Dreamweaver?中如何設計彈窗？

設計彈窗

第1步，啟動Dreamweaver CC,打開本節(jié)orig.html文件，另存為effect.html。該頁面是一個游， 戲網(wǎng)站主頁，主要以文字信息列表和圖片為主。

第2步，在頁面中選擇一個對象，如<>標簽，作為事件控制的對象。也可以不選，然后單擊； “行為”面板中的+.按鈕，從彈出的下拉菜單中選擇“打開瀏覽器窗口”命令，打開“打開瀏覽器窗： 口”對話框。

第3步，在“要顯示的URL”文本框中設置在新窗口中載入的目標URL地址（可以是網(wǎng)頁也可 以是本地文件，如圖像或者多媒體文件等），或者單擊“瀏覽”按鈕，用瀏覽的方式選擇這里選擇了一個圖像images/adv.png。

第4步，在“窗口寬度”文本框中設置窗口的寬度（以像素為單位)，在“窗口高度”文本框中 指定新窗口的高度，這里設置寬度為3MPX，髙度為233px。

第5步，在“屬性”選項區(qū)域設置窗口顯示屬性。這里不選中任何復選框，僅顯示一個簡單的窗口。

這提示：在“屬性”選項區(qū)域內，各個選項說明如下。

“導航工具欄”復選框：是一組瀏覽器按鈕，包括K后退”、“前進”、“主頁”和 “重新載入”按鈕。

“地址工具欄M復選框：是一組瀏覽器選項，包括地址文本框等.

“狀態(tài)欄”復選框：是位于瀏覽器窗口底部的區(qū)域，在該區(qū)域中顯示消息，如剩余的 載入時間以及與鏈接關聯(lián)的URL等。

“菜單條”復選框：是瀏覽器窗口上顯示的菜單，如“文件”、“編輯”、“查看”、 “轉到”和“幫助”的區(qū)咸,如果要讓訪問者能夠從新窗口導航，用戶應該選中此復 選框.如果不選中，則在新窗口中，用戶只能關閉或最小化窗口。

“需要時使用滾動條”復選框：指定如果內容超出可視區(qū)域應該顯示滾動條?如果不. 選中此復選框，則不顯示滾動條。如果“調整大小手柄’，復選框也未選中，則訪問者 將很難看到超出窗口原始大小以外的內容。

“調整大小手柄”復選框：指定用戶應該能夠調整窗口的大小，方法是拖動窗口的右 下角或單擊右上角的最大化按鈕。如果未選中此復選框，則調整大小控件將不可用， 右下角也不能拖動，

第6步，在“窗口名稱”文本框中設置新窗口的名稱。如果用戶希望通過JavaScript使用鏈接指 向新窗口或控制新窗口，則應該對新窗口進行命名=此名稱不能包含空格和特殊字符。設置完畢后的對話框如圖所示。

第7步，單擊“確定’，按鈕’則在“行為”面板中會增加一個動作，然后在“行為”面板中調整 事件為onLoad。設置完畢，保存并預覽網(wǎng)頁，會自動打開新窗口，在窗口中顯示提示信息。