在Dreamweaver?中如何設(shè)計(jì)彈窗？

設(shè)計(jì)彈窗

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

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

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

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

第5步，在“屬性”選項(xiàng)區(qū)域設(shè)置窗口顯示屬性。這里不選中任何復(fù)選框，僅顯示一個(gè)簡(jiǎn)單的窗口。

這提示：在“屬性”選項(xiàng)區(qū)域內(nèi)，各個(gè)選項(xiàng)說(shuō)明如下。

“導(dǎo)航工具欄”復(fù)選框：是一組瀏覽器按鈕，包括K后退”、“前進(jìn)”、“主頁(yè)”和 “重新載入”按鈕。

“地址工具欄M復(fù)選框：是一組瀏覽器選項(xiàng)，包括地址文本框等.

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

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

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

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

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

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