在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)新窗口,在窗口中顯示提示信息。
點(diǎn)擊加載更多評(píng)論>>