用Dreamweaver mx 2004做快顯視窗

來源:互聯網
上載者:User
dreamweaver|快顯視窗

  我們在瀏覽一些網頁時,經常會看到有的網頁彈出一些資訊視窗或瀏覽器視窗來顯示一些網站公告或一些廣告資訊,想知道這些視窗是怎麼製作出來的嗎?如果你還不曾知道,那麼就請看本文如何利用Dreamweaver MX 2004 來製作這些快顯視窗的方法吧!

  一、彈出資訊視窗

  啟動Dreamweaver MX 2004,開啟要載入快顯視窗的網頁或建立一個網頁。按下Shift+F3命令,開啟行為設定面板。


圖1 行為面板

  (1)點擊"+"號

  (2)在彈出的菜單中選擇"彈出資訊"項


圖2 彈出資訊

  (1)在空白地區輸入彈出資訊視窗中所要表達的內容。

  (2)按下"確定"按鈕返回。


圖3 選定動作

  這個時候我們發現行為設定面板的內容已經起了一點變化。其中事件下的"OnLoad"表示開啟當前網頁即彈出該視窗。

  如果不想在開啟網頁的時候立刻開啟視窗,那麼就可以點擊事件的向下箭頭。


圖4 各種事件

  在按下向下箭頭開啟的菜單中我們就可以設定其它回應程式式,例如"OnClick"表示滑鼠點擊時彈出該資訊視窗、"onUnload"表示關閉當前網頁彈出資訊框。

  現在我們儲存網頁,按下F12瀏覽一下,怎麼樣是不是在開啟該網頁的時候也顯示了如圖5所示的資訊視窗。


圖5 資訊視窗

  二、彈出網頁視窗

  彈出網頁視窗的製作過程與資訊視窗有點相似,首先我們得準備好瀏覽當前網頁時要開啟的網頁,然後在圖1中選擇開啟"瀏覽器視窗"命令。

  (1)點擊"瀏覽"按鈕選擇要彈出的網頁視窗

  (2)設定開啟視窗的固定寬度和高度

  (3)設定屬性,在這裡可以包括是否顯示功能表列、工具列、捲軸、調整大小手柄等內容。


圖6 視窗設定

  (4)設定開啟的視窗名稱

  做好這些設定之後按下"確定"按鈕,然後儲存網頁,我們現在預覽一下,怎麼樣在瀏覽當前網頁的內容同時是不是又彈出一個網頁視窗。

  合理應用快顯視窗可以對起到事半功倍的效果,例如宣傳網站、發布網站的公告、製作彈出廣告等。但凡事都應該有一個度,在同一個網頁中建議大家最好只設定一個快顯視窗,因為過多的快顯視窗將影響使用者瀏覽的興趣,那樣就會起到得不償失的效果。



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.