Flash MX實戰精選:定義快顯視窗

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

  執行個體說明
  在設計網頁的過程中,經常要製作一些快顯視窗,並且視窗的大小、隱藏功能表列、工具列等屬性都可改變。

  有關知識
  通過JavaScript來控制快顯視窗的屬性。

  製作過程
  步驟1: 開啟Flash,建立一個新檔案。從功能表列中選擇插入>添加符號(Insert>New Symbol),在出現的對話方塊中選按鈕(Button),命名為button,用矩形工具在Up幀畫一矩形方框,如圖所示。

  步驟2:將按鈕放置在情境合適位置,選取按鈕button,在Actions面板點從出現的下拉式功能表中選Actions/Mouse Control/On ,加入滑鼠事件,如圖所示。

  再次點
  從出現的下拉式功能表中選Actions/Browser/Network/Get URL,出現URL輸入欄,如圖所示。

  在URL欄輸入:javascript:openwin("http://www.yufeng21.com","宇風多媒體","toolbar=no,location=no, width=776 height=600")
  Windows (視窗)欄不用輸入參數,因為JavaScript命令可以幫我們實現快顯視窗。
  variables (變數)為預設的don’t send”。
  最後的代碼如下:
on (release) {
getURL ("javascript:openwin(\"http://www.yufeng21.com\",\"宇風多媒體\",\"toolbar=no,location=no, width=776 height=600\")");
}
  提示:a."http://www.yufeng21.com":開啟視窗的URL地址。
  b.宇風多媒體:視窗名稱。
  c.toolbar=no,location=no, width=776 height=600: 視窗屬性。
  步驟3:從功能表列中選擇檔案>發布設定(File>Publish Settings),在彈出對話方塊中選擇HTML標籤,設定相應參數或直接使用預設值,點擊Publish按鈕,發布HTML檔案。如圖所示。

  步驟4:編輯發行的HTML檔案,在</head>和<body>之間插入如下代碼:
<SCRIPT LANGUAGE="JavaScript">
var newwin;
function openwin(winurl,winname,winfeatures)
{
newwin = window.open(winurl,winname,winfeatures);
}
</SCRIPT>
  提示:可以在DreamWeaver、FrontPage等網頁編輯軟體中插入以上代碼,也可在記事本中開啟並編輯html檔案,如圖所示。

  步驟5:儲存已編輯的檔案,然後在瀏覽器中開啟測試,彈出的視窗應該如圖所示:

  可將上述URL地址換成其他地址,也可修改視窗屬性,下面附上可設定的視窗屬性選項及說明。
Toolbar     是否顯示工具列。Yes為顯示;No為不顯示
Location     是否顯示地址欄。Yes為顯示;No為不顯示
Directories   是否顯示連結列。Yes為顯示;No為不顯示
Status      是否顯示狀態列。Yes為顯示;No為不顯示
Menubar     是否顯示菜單。Yes為顯示;No為不顯示
Scrollbar    是否顯示捲軸。Yes為顯示;No為不顯示
Resizable    是否允許改變視窗的大小。Yes為允許;No為不允許
Width      設定視窗的寬度,以像素(px)為單位
Height      設定視窗的高度,以像素(px)為單位
Top       視窗和螢幕上邊界的距離,單位為像素(px)
Left       視窗和螢幕左邊界的距離,單位為像素(px)
Channelmode   設定是否要以windows98的頻道查看方式開啟視窗。Yes為以頻道查看方式開啟;No為開啟一般視窗。預設值為No。
Fullscreen    設定視窗是否將新視窗開啟為全螢幕。Yes為將新視窗開啟為全螢幕視窗;No為開啟為普通視窗,預設值為No。全螢幕開啟視窗後,需要按下Alt+F4鍵才能將視窗關閉。


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.