實(shí)例說明
在設(shè)計(jì)網(wǎng)頁的過程中,經(jīng)常要制作一些彈出窗口,并且窗口的大小、隱藏菜單欄、工具欄等屬性都可改變。
有關(guān)知識(shí)
通過JavaScript來控制彈出窗口的屬性。
制作過程
步驟1: 打開Flash,建立一個(gè)新文件。從菜單欄中選擇插入>添加符號(hào)(Insert>New Symbol),在出現(xiàn)的對話框中選按鈕(Button),命名為button,用矩形工具在Up幀畫一矩形方框,如圖1所示。
圖1制作按鈕button
步驟2:將按鈕放置在場景合適位置,選取按鈕button,在Actions面板點(diǎn)從出現(xiàn)的下拉菜單中選Actions/Mouse Control/On ,加入鼠標(biāo)事件,如圖2所示。
圖2在專家模式中選擇鼠標(biāo)事件
再次點(diǎn)從出現(xiàn)的下拉菜單中選Actions/Browser/Network/Get URL,出現(xiàn)URL輸入欄,如圖3所示。
圖3輸入網(wǎng)址
在URL欄輸入:javascript:openwin("http://www.yufeng21.com","宇風(fēng)多媒體","toolbar=no,location=no, width=776 height=600")
Windows (窗口)欄不用輸入?yún)?shù),因?yàn)镴avaScript命令可以幫我們實(shí)現(xiàn)彈出窗口。
variables (變量)為默認(rèn)的don’t send”。
最后的代碼如下:
on (release) {
getURL ("javascript:openwin(\"http://www.yufeng21.com\",\"宇風(fēng)多媒體\",\"toolbar=no,location=no, width=776 height=600\")");
}
提示:a."http://www.yufeng21.com":打開窗口的URL地址。
b.宇風(fēng)多媒體:窗口名稱。
c.toolbar=no,location=no, width=776 height=600: 窗口屬性。
步驟3:從菜單欄中選擇文件>發(fā)布設(shè)定(File>Publish Settings),在彈出對話框中選擇HTML標(biāo)簽,設(shè)置相應(yīng)參數(shù)或直接使用默認(rèn)值,點(diǎn)擊Publish按鈕,發(fā)布HTML文件。如圖4所示。
圖4發(fā)布HTML文件
步驟4:編輯已發(fā)布的HTML文件,在和之間插入如下代碼:
提示:可以在DreamWeaver、FrontPage等網(wǎng)頁編輯軟件中插入以上代碼,也可在記事本中打開并編輯html文件,如圖5所示。
圖5用記事本編輯html文件
步驟5:保存已編輯的文件,然后在瀏覽器中打開測試,彈出的窗口應(yīng)該如圖6所示:
圖6彈出新窗口
可將上述URL地址換成其他地址,也可修改窗口屬性,下面附上可設(shè)置的窗口屬性選項(xiàng)及說明。
名稱 說明
Toolbar 是否顯示工具欄。Yes為顯示;No為不顯示
Location 是否顯示地址欄。Yes為顯示;No為不顯示
Directories 是否顯示鏈接欄。Yes為顯示;No為不顯示
Status 是否顯示狀態(tài)欄。Yes為顯示;No為不顯示
Menubar 是否顯示菜單。Yes為顯示;No為不顯示
Scrollbar 是否顯示滾動(dòng)條。Yes為顯示;No為不顯示
Resizable 是否允許改變窗口的大小。Yes為允許;No為不允許
Width 設(shè)定窗口的寬度,以像素(px)為單位
Height 設(shè)定窗口的高度,以像素(px)為單位
Top 窗口和屏幕上邊界的距離,單位為像素(px)
Left 窗口和屏幕左邊界的距離,單位為像素(px)
Channelmode 設(shè)定是否要以windows98的頻道查看方式打開窗口。Yes為以頻道查看方式打開;No為打開一般窗口。默認(rèn)值為No。
Fullscreen 設(shè)定窗口是否將新窗口打開為全屏幕。Yes為將新窗口打開為全屏幕窗口;No為打開為普通窗口,默認(rèn)值為No。全屏幕打開窗口后,需要按下Alt+F4鍵才能將窗口關(guān)閉。