1. 在本地站點(diǎn)中生成一個(gè)Smlple文件夾。
2. 在Smlple文件夾中,生成名為Index.html以及名為firstpage.html的文件。
3. 雙擊Index.html,打開(kāi)該文檔,進(jìn)入到文檔的設(shè)計(jì)視圖窗口中。
4. 單擊菜單View/Head Content,顯示文檔的頭部區(qū)域。
5. 單擊設(shè)計(jì)視圖窗口中的文檔頭部窗格。選擇菜單Insert/Invisible Tags/Script,打開(kāi)Inset Script對(duì)話框。如圖2所示,在Language下拉列表框中選擇JavaScript選項(xiàng),并在Coctento文本框中輸入“setTimeout("self.close()",15000)”。單擊OK按鈕,完成在文檔頭部插入15秒后自動(dòng)關(guān)閉子窗口的腳本。在代碼中,15000表示15000毫秒,也即15秒,也可以根據(jù)需要將之修改為自己需要的時(shí)間毫秒數(shù)。
6. 在文檔窗口中輸入“關(guān)閉”字樣,在屬性面板上的Link文本框中輸入“###”,將其設(shè)置為一個(gè)空鏈接。
7. 在狀態(tài)欄左端的快速標(biāo)記編輯器上,單擊標(biāo)記按鈕。選中“關(guān)閉”鏈接,然后按下Ctrl+T組合鍵,打開(kāi)快速標(biāo)記編輯器,進(jìn)入到快速標(biāo)記編輯器的編輯標(biāo)記模式。然后在“>”前輸入“onclick="selfclose()"”。 如圖3所示,設(shè)置完畢,單擊OK按鈕,確認(rèn)操作。這樣在Index.html被作為子窗口打開(kāi)后,單擊該鏈接就可以立刻關(guān)閉該子窗口?! ?. 保存Index.html文件,并退出index.html的Dremweaver窗口。
9. 現(xiàn)在開(kāi)始設(shè)計(jì)fristpage.html頁(yè)面。在本地站點(diǎn)的Smlple文件夾中,雙擊 fristpage.html,打開(kāi)該文檔,進(jìn)入到文檔的設(shè)計(jì)視圖窗口中。
10. 在文檔中輸入“單擊這里打開(kāi)會(huì)自動(dòng)關(guān)閉的子窗口”字樣。然后在屬性面板上的 Link文本框中輸入“###”,將之設(shè)置為空鏈接。
11. 可以通過(guò)為該鏈接應(yīng)用Open Browser Window行為來(lái)設(shè)置單擊鏈接時(shí)打開(kāi)Index.html窗口,不過(guò)更方便的方法是利用快速標(biāo)識(shí)編輯器。方法是首先將插入點(diǎn)放置到鏈接中,然后在狀態(tài)欄左端的標(biāo)識(shí)選擇器上,單擊標(biāo)識(shí)按鈕,選中整個(gè)鏈接。然后按下Ctrl+T組合鍵,打開(kāi)快速標(biāo)記編輯器,進(jìn)入到快速標(biāo)記編輯器的 編輯標(biāo)識(shí)模式。再在“>”前輸入“onclick="window.open('index.html',null','width=200px,height=200px')"”(如圖4所示)。設(shè)置完畢,按下回車鍵,確認(rèn)操作
12.上述操作就完成了本例的設(shè)置??梢詥螕舨藛斡肍ile/save,保存所做的工作。然后按下F12鍵,在瀏覽器中預(yù)覽頁(yè)面效果。
這是個(gè)小小的技巧哦,您學(xué)會(huì)了嗎?cxtj168.cn
【 微信掃一掃 】