DreamweaverCS3行為_第1頁
DreamweaverCS3行為_第2頁
DreamweaverCS3行為_第3頁
DreamweaverCS3行為_第4頁
DreamweaverCS3行為_第5頁
已閱讀5頁，還剩25頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、Dreamweaver CS3行為行為概述Dreamweaver CS3提供了豐富的行為，這些行為的設(shè)置為網(wǎng)頁對象添加一些動態(tài)效果和簡單的交互功能，為使那些不熟悉JavaScript或VBScript的網(wǎng)頁設(shè)計師可以方便的設(shè)計出通過復(fù)雜的JavaScript或VBScript語言才能實(shí)現(xiàn)的功能。如果熟悉JavaScript或VBScript還可以編寫一些特定的行為來使用。行為是用來動態(tài)響應(yīng)用戶操作、改變當(dāng)前頁面效果或是執(zhí)行特定任務(wù)的一種方法。行為是由對象、事件和動作構(gòu)成。例如，當(dāng)用戶把鼠標(biāo)移動至對象上（稱：事件），這個對象會發(fā)生預(yù)定義的變化（稱：動作）。對象是產(chǎn)生行為的主體。網(wǎng)頁中的很多元素都

2、可以成為對象，例如：整個HTML文檔、插入的一個圖片、一段文字、一個媒體文件等。對象也是基于成對出現(xiàn)的標(biāo)簽的，在創(chuàng)建時首先選中對象的標(biāo)簽。事件是觸發(fā)動態(tài)效果的條件。網(wǎng)頁事件分為不同的種類。有的與鼠標(biāo)有關(guān)，有的與鍵盤有關(guān)，如鼠標(biāo)單擊、鍵盤某個鍵按下。有的事件還和網(wǎng)頁相關(guān)，如網(wǎng)頁下載完畢，網(wǎng)頁切換等。對于同一個對象，不同版本的瀏覽器支持的事件種類和多少也是不一樣的。動作是最終產(chǎn)生的動態(tài)效果。動態(tài)效果可能是圖片的翻轉(zhuǎn)、連接的改變、聲音播放等。行為可以附加到整個文檔，還可以附加到連接、圖象、表單元素或其他HTML元素中的任何一種，用戶可以為每個事件指定多個動作。動作按照它們在行為面板的動作列表中列出的

3、順序發(fā)生。注意：不同的顯示器支持的行為事件是不一樣的。Dreamweaver CS3 內(nèi)置的基本行為如圖所示： Dreamweaver CS3 行為面板使用“行為”面板將行為附加到頁元素（更具體地說是附加到標(biāo)簽）并修改以前所附加行為的參數(shù)。若要打開“行為”面板，請選擇“窗口”>“行為”(SHIFT+F3)?！靶袨椤泵姘迦缦聢D所示：已附加到當(dāng)前所選頁元素的行為顯示在行為列表中（面板的主區(qū)域），按事件以字母順序排列。如果同一個事件有多個動作，則將以在列表上出現(xiàn)的順序執(zhí)行這些動作。如果行為列表中沒有顯示任何行為，則沒有行為附加到當(dāng)前所選的頁元素。設(shè)置“行為”面板選項(xiàng)：“行為”面板具有以下選項(xiàng)：

4、顯示設(shè)置事件僅顯示附加到當(dāng)前文檔的那些事件。事件被分別劃歸到客戶端或服務(wù)器端類別中。每個類別的事件都包含在一個可折疊的列表中，您可以單擊類別名稱旁邊的加號/減號按鈕展開或折疊該列表?！帮@示設(shè)置事件”是默認(rèn)的視圖。顯示所有事件按字母降序顯示給定類別的所有事件。 添加行為(+)： 是一個彈出菜單，其中包含可以附加到當(dāng)前所選元素的動作。當(dāng)從該列表中選擇一個動作時，將出現(xiàn)一個對話框，您可以在該對話框中指定該動作的參數(shù)。如果所有動作都灰顯，則沒有所選元素可以生成的事件。刪除(-)：從行為列表中刪除所選的事件。上下箭頭按鈕將特定事件的所選動作在行為列表中向上或向下移動。給定事件的動作以特定的順序執(zhí)行。選中

5、一個事件或動作可以更改執(zhí)行的順序。事件是一個彈出菜單，根據(jù)所選對象的不同，顯示的事件也有所不同。如果未顯示預(yù)期的事件，請檢查是否選擇了正確的頁元素或標(biāo)簽。認(rèn)識行為事件行為是為響應(yīng)某一具體事件而采取的一個或多個動作。當(dāng)指定的事件被觸發(fā)時，將運(yùn)行相應(yīng)的JavaScript程序，執(zhí)行相應(yīng)的動作。所以在創(chuàng)建行為時，必須先指定一個動作，然后再指定觸發(fā)動作的事件。行為是針對網(wǎng)頁中的所有對象，要結(jié)合一個對象添加行為。每個瀏覽器都提供一組事件，這些事件可以與“行為”面板的“動作”(+) 彈出菜單中列出的動作相關(guān)聯(lián)。當(dāng) Web 頁的訪問者與頁進(jìn)行交互時（例如，單擊某個圖像），瀏覽器生成事件；這些事件可用于調(diào)用引

6、起動作發(fā)生的 JavaScript 函數(shù)。（沒有用戶交互也可以生成事件，例如設(shè)置頁每 10 秒鐘自動重新載入。）DW CS3 提供許多可以使用這些事件觸發(fā)的常用動作。根據(jù)所選對象和在“顯示事件”子菜單中指定的瀏覽器的不同，顯示在“事件”彈出菜單中的事件將有所不同。若要查明對于給定的頁元素給定的瀏覽器支持哪些事件，請在您的文檔中插入該頁元素并向其附加一個行為，然后查看“行為”面板中的“事件”彈出菜單。如果頁上尚不存在相關(guān)的對象或所選的對象不能接收事件，則這些事件將禁用（灰顯）。如果未顯示預(yù)期的事件，則檢查是否選擇了正確的對象，或在“顯示事件”彈出菜單中更改目標(biāo)瀏覽器。如果要將行為附加到某個圖像，

7、則一些事件（例如 onMouseOver）顯示在括號中。這些事件僅用于鏈接。當(dāng)選擇其中之一時，DW CS3 在圖像周圍使用 a 標(biāo)簽來定義一個空鏈接。在屬性檢查器的“鏈接”文本框中，該空鏈接表示為 javascript:;。如果要將其變?yōu)橐粋€指向另一頁的真正鏈接，您可以更改鏈接值，但是如果刪除了 JavaScript 鏈接卻未用另一個鏈接來代替它，則將刪除該行為。在動作選單中，越是高版本的瀏覽器支持的動作越多，我們先認(rèn)識一下它們：行為的使用您可以將行為附加到整個文檔（即附加到 body 標(biāo)簽），還可以附加到鏈接、圖像、表單元素或多種其它 HTML 元素中的任何一種。您選擇的目標(biāo)瀏覽器確定給定的

8、元素支持哪些事件。不能將行為附加到純文本。諸如 p 和 span等標(biāo)簽不在瀏覽器中生成事件，因此無法從這些標(biāo)簽觸發(fā)動作。但是，您可以將行為附加到鏈接。將行為附加到純文本，請執(zhí)行以下操作：在屬性檢查器的“鏈接”文本框中輸入 javascript:;。一定要包括冒號和分號。 提示：您也可以在“鏈接”文本框中改用數(shù)字符號#。使用數(shù)字符號的問題在于當(dāng)訪問者單擊該鏈接時，某些瀏覽器可能跳到頁的頂部。單擊“ JavaScript:;” 空鏈接不會在頁上產(chǎn)生任何效果。在文本仍處于選中狀態(tài)時打開“行為”面板（“窗口”>“行為”）。從“動作”彈出菜單中選擇一個動作，輸入該動作的參數(shù)，然后選擇一個觸發(fā)該動作

9、的事件。若要更改鏈接文本的外觀使它看上去不是一個鏈接，請執(zhí)行以下操作：選擇“查看”->>“代碼”打開“文檔”窗口的“代碼”視圖。 查找該鏈接。 在該鏈接的 a href 標(biāo)簽中，插入以下屬性： style="text-decoration:none; color:red"。 此屬性設(shè)置將禁用下劃線并將文本的顏色設(shè)置為紅色。請注意，此屬性是一個內(nèi)聯(lián) CSS 樣式。應(yīng)用于單個鏈接的內(nèi)聯(lián)樣式覆蓋應(yīng)用于該鏈接的其它 CSS 樣式，但不對該鏈接外的部分產(chǎn)生任何影響。若要更改頁上各處或整個站點(diǎn)中鏈接文本的外觀，請使用 CSS 樣式為鏈接創(chuàng)建一個新的樣式。您可以為每個事件指定

10、多個動作。若要附加其它行為，請執(zhí)行以下操作：在頁上選擇一個元素，例如一個圖像或一個鏈接。 若要將行為附加到整個頁，請在“文檔”窗口底部左側(cè)的標(biāo)簽選擇器中單擊 <body> 標(biāo)簽。選擇“窗口” ->>“行為”，打開“行為”面板。單擊加號 (+) 按鈕并從“動作”彈出菜單中選擇一個動作。 菜單中灰顯的動作不可選擇。它們灰顯的原因可能是當(dāng)前文檔中缺少某個所需的對象。例如，如果文檔不包含 Shockwave 或 Macromedia Flash SWF 文件，則“控制 Shockwave 或 Flash”動作為灰顯。如果所選的對象無可用事件，則所有動作都灰顯。當(dāng)您選擇某個動作時

11、，將出現(xiàn)一個對話框，顯示該動作的參數(shù)和說明。為該動作輸入?yún)?shù)，然后單擊“確定”。觸發(fā)該動作的默認(rèn)事件顯示在“事件”欄中。如果這不是需要的觸發(fā)事件，請從“事件”彈出菜單中選擇另一個事件。調(diào)用JavaScript“調(diào)用 JavaScript”動作允許您使用“行為”面板指定當(dāng)發(fā)生某個事件時應(yīng)該執(zhí)行的自定義函數(shù)或 JavaScript 代碼行。若要使用“調(diào)用 JavaScript”動作，請執(zhí)行以下操作：首先在當(dāng)前的頁面內(nèi)插入一個按鈕，然后選中該按鈕。打開“行為”面板。單擊加號 (+) 按鈕并從“動作”彈出菜單中選擇“調(diào)用 JavaScript”。如下圖：在打開的調(diào)用JavaScript 窗口中鍵入：

12、window.close() 如下圖：點(diǎn)擊確定退出對話框。并確認(rèn)其缺省事件值為“OnClick”。保存頁面，點(diǎn)F12預(yù)覽。在這里為了讓大家對代碼更加熟悉，這時我們可以打開代碼視圖。我們剛才的操作使文件新添節(jié)了一部分代碼。如圖：轉(zhuǎn)到URL轉(zhuǎn)到 URL”動作在當(dāng)前窗口或指定的框架中打開一個新頁。此操作尤其適用于通過一次單擊更改兩個或多個框架的內(nèi)容。具體制作“轉(zhuǎn)到 URL”動作的操作步驟：在文檔中插入一個按鈕把名字改為“轉(zhuǎn)到首頁”，選擇該按鈕對象并打開“行為”面板。 單擊加號 (+) 按鈕并從“動作”彈出菜單中選擇“轉(zhuǎn)到 URL”。彈出轉(zhuǎn)到 URL 對話框如下設(shè)置：從“打開在”列表中選擇 URL 的

13、目標(biāo)。“打開在”列表自動列出當(dāng)前框架集中所有框架的名稱以及主窗口。如果沒有任何框架，則主窗口是唯一的選項(xiàng)。注意：如果任何框架命名為 top、blank、self 或 parent，則此動作可能產(chǎn)生意想不到的結(jié)果。瀏覽器有時將這些名稱誤認(rèn)為保留的目標(biāo)名稱。單擊“瀏覽”選擇要打開的文檔，或在“URL”文本框中輸入該文檔的路徑和文件名。單擊“確定”，F(xiàn)12預(yù)覽。相應(yīng)的在代碼視圖中增加的代碼，我們可以熟悉一下：交換圖像“交換圖像”動作通過更改 img 標(biāo)簽的 src 屬性將一個圖像和另一個圖像進(jìn)行交換。使用此動作創(chuàng)建按鈕鼠標(biāo)經(jīng)過圖像和其它圖像效果。插入鼠標(biāo)經(jīng)過圖像會自動將一個“交換圖像”行為添加到您的

14、頁中。注意：因?yàn)橹挥?src 屬性受此動作的影響，所以您應(yīng)該換入一個與原圖像具有相同尺寸（高度和寬度）的圖像。否則.自己試試吧！具體制作步驟：1.選擇“插入”->>“圖像”插入一個圖像。選擇圖像，在屬性檢查器中，在最左邊的文本框中為該圖像輸入一個名稱。本例命名為：img1。如下圖：如果您未為圖像命名，“交換圖像”動作仍將起作用；建議大家學(xué)習(xí)時將所有插入的圖像都預(yù)先命名，則在“交換圖像”對話框中就更容易區(qū)分它們。 2.選擇一個對象（通常是您將交換的圖像）并打開“行為”面板。3.單擊加號 (+) 按鈕并從彈出菜單中選擇“交換圖像”。彈出交換圖像對話框如下圖：4.從“圖像”列表中，選擇要

15、更改的源圖像。 5.單擊“瀏覽”選擇新圖像文件，或在“設(shè)定源文件為”文本框中輸入新圖像的路徑和文件名。6.選擇“預(yù)先載入圖像”選項(xiàng)在載入頁時將新圖像載入到瀏覽器的緩存中。 單擊“確定”。點(diǎn)擊F12預(yù)覽。相應(yīng)的在代碼視圖中增加的代碼，我們可以熟悉一下：打開瀏覽器窗口使用“打開瀏覽器窗口”動作在一個在新的窗口中打開指定的URL。您可以指定新窗口的屬性（包括其大?。?、特性（它是否可以調(diào)整大小、是否具有菜單欄等）和名稱。如果不指定該窗口的任何屬性，在打開時它的大小和屬性與打開它的窗口相同。指定窗口的任何屬性都將自動關(guān)閉所有其它未顯式打開的屬性。例如，如果您不為窗口設(shè)置任何屬性，它將以 800 x 60

16、0 像素的大小打開并具有導(dǎo)航條、地址工具欄、狀態(tài)欄和菜單欄。如果您將寬度顯式設(shè)置為 400、將高度設(shè)置為 300 并不設(shè)置其它屬性，則該窗口將以 400 x 300 像素的大小打開，并且不具有任何導(dǎo)航條、地址工具欄、狀態(tài)欄、菜單欄、調(diào)整大小手柄和滾動條。具體制作過程：創(chuàng)建一個按鈕對象，選擇對象并打開“行為”面板：單擊“瀏覽”選擇一個文件，或輸入要顯示的 URL。 設(shè)置以下任一選項(xiàng)：窗口寬度指定窗口的寬度（以像素為單位）。窗口高度指定窗口的高度（以像素為單位）。導(dǎo)航工具欄是一行瀏覽器按鈕（包括“后退”、“前進(jìn)”、“主頁”和“重新載入”）。地址工具欄是一行瀏覽器選項(xiàng)（包括地址文本框）。狀態(tài)欄是位于

17、瀏覽器窗口底部的區(qū)域，在該區(qū)域中顯示消息。菜單欄是瀏覽器窗口上顯示菜單（例如“文件”、“編輯”、“查看”、“轉(zhuǎn)到”和“幫助”）的區(qū)域。如果您不設(shè)置此選項(xiàng)，則在新窗口中用戶只能關(guān)閉或最小化窗口。需要時顯示滾動條指定如果內(nèi)容超出可視區(qū)域應(yīng)該顯示滾動條。如果不顯式設(shè)置此選項(xiàng)，則不顯示滾動條。如果“調(diào)整大小手柄”選項(xiàng)也關(guān)閉，則訪問者將不容易看到超出窗口原始大小以外的內(nèi)容。調(diào)整大小手柄指定用戶應(yīng)該能夠調(diào)整窗口的大小，方法是拖動窗口的右下角或單擊右上角的最大化按鈕。如果未顯式設(shè)置此選項(xiàng)，則調(diào)整大小控件將不可用，右下角也不能拖動。窗口名稱是新窗口的名稱。如果您要通過 JavaScript 使用鏈接指向新窗口

18、或控制新窗口，則應(yīng)該對新窗口進(jìn)行命名。此名稱不能包含空格或特殊字符。單擊“確定”，點(diǎn)擊F12預(yù)覽。相應(yīng)的在代碼視圖中增加的代碼，我們可以熟悉一下：顯示隱藏層“顯示隱藏層”動作顯示、隱藏或恢復(fù)一個或多個層的默認(rèn)可見性。此動作用于在用戶與頁進(jìn)行交互時顯示信息?！帮@示隱藏層”還可用于創(chuàng)建預(yù)先載入層，即一個最初擋住頁的內(nèi)容的較大的層，在所有頁組件都完成載入后該層即消失(可做一個廣告效果，記得在新浪見過這樣的廣告)?！帮@示隱藏層”動作，具體操作：選擇“插入”->>“布局對象”->>“層”然后在“文檔”窗口中繪制一個層。重復(fù)此步驟可以創(chuàng)建其它的層。在“文檔”窗口中單擊取消對層的選擇

19、，然后打開“行為”面板。 單擊加號 (+) 按鈕并從“動作”彈出菜單中選擇“顯示隱藏層”。在“命名的層”列表中選擇要更改其可見性的層。單擊“顯示”以顯示該層、單擊“隱藏”以隱藏該層、或單擊“默認(rèn)”以恢復(fù)層的默認(rèn)可見性。 如圖：對所有剩下的此時要更改其可見性的層重復(fù)以上步驟。單擊“確定”。這時的行為面板如圖所示：具體應(yīng)用，當(dāng)指向一個圖片時顯示隱藏的層，具體制作步驟：1.插入一個事先準(zhǔn)備好的圖片；2.選擇“插入”->>“布局對象”->>“層”，在層內(nèi)圖片的說明文本。在“文檔”窗口中單擊取消對層的選擇，然后打開“行為”面板。從“動作”彈出菜單中選擇“顯示隱藏層”。在“命名的層

20、”列表中,單擊“隱藏”隱藏該層。3.選擇圖片，打開行為面板。單擊加號 (+) 按鈕并從“動作”彈出菜單中選擇“顯示隱藏層”。單擊“隱藏”按鈕如下圖，單擊確定。4.重復(fù)上述步驟，單擊加號 (+) 按鈕并從“動作”彈出菜單中選擇“顯示隱藏層”。單擊“顯示”按鈕如下圖，單擊確定。5.設(shè)置行為面板如下圖：保存按F12可以預(yù)覽到效果：當(dāng)鼠標(biāo)移入圖片時，顯示相關(guān)說明文本。若要創(chuàng)建預(yù)先載入層，請執(zhí)行以下操作：在“插入”欄的“常用”類別中單擊“繪制層”按鈕，然后在“文檔”窗口的“設(shè)計”視圖中繪制一個較大的層。 該層一定要覆蓋頁上的所有內(nèi)容。 在“層”面板中，將該層名稱拖到層列表的頂部以指定該層應(yīng)該在堆疊順序的

21、最前面。如果未選擇，則選擇該層，并使用層屬性檢查器中最左邊的文本框?qū)⑵涿麨椤發(fā)oad”。在層仍處于選中狀態(tài)時，在屬性檢查器中將層的背景顏色設(shè)置為與頁背景相同的顏色。 如果需要，在層中（該層現(xiàn)在應(yīng)該擋住其余的頁內(nèi)容）單擊并鍵入消息。 例如“請稍候，正在載入頁”或“正在載入.”，這些消息提示訪問者正在發(fā)生的操作，以便他們知道該頁包含有內(nèi)容。單擊“文檔”窗口左下角標(biāo)簽選擇器中的 <body> 標(biāo)簽。 在“行為”面板中，從“動作”彈出菜單中選擇“顯示隱藏層”。 從“命名的層”列表中選擇名為“l(fā)oad”的層。單擊“隱藏”。 單擊“確定”。 確保行為列表中“顯示隱藏層”動作旁邊列出的事件是

22、onLoad。（一般情況下都是默認(rèn)onload，如果不是我們可以更改。） 這時保存文檔，按F12預(yù)覽效果吧。別忘了我們是在學(xué)習(xí)?。〈蜷_相應(yīng)的在代碼視圖看看文件中新增加的代碼，這樣我們可以熟悉代碼了啊！改變屬性使用“改變屬性”動作更改對象某個屬性（例如層的背景顏色或表單的動作）的值。您可以更改的屬性是由瀏覽器決定的。例如，您可以動態(tài)設(shè)置層的背景顏色。只有在您比較熟悉 HTML 和 JavaScript 的情況下才使用此動作。若要使用“改變屬性”動作，請執(zhí)行以下操作：選擇一個對象并打開“行為”面板，從“動作”彈出菜單中選擇“更改屬性”。從“對象類型”彈出菜單中選擇您要更改其屬性的對象的類型。“命名

23、對象”彈出菜單馬上列出所有所選類型的命名對象。從“命名對象”彈出菜單中選擇一個對象。 從“屬性”彈出菜單中選擇一個屬性，或在文本框中輸入該屬性的名稱。舉例：在網(wǎng)頁中插入一個圖片，并且設(shè)置圖片的名字為image1，最終要求：瀏覽者用鼠標(biāo)單擊圖片時，圖片變?yōu)榱硪环阋孪葴?zhǔn)備好哦！）。如下圖：按上圖的參數(shù)修改其屬性，點(diǎn)擊確定。然后在行為面板中把動作改為onclick。保存頁面，F(xiàn)12預(yù)覽。相應(yīng)的在代碼視圖中增加的代碼，我們可以熟悉一下：播放聲音使用“播放聲音”動作來播放聲音。例如，您可能要在每次鼠標(biāo)指針滑過某個鏈接時播放一段聲音效果，或在頁載入時播放音樂剪輯，或者點(diǎn)擊某個按鈕播放聲音等等。注意：

24、瀏覽器可能需要用某種附加的音頻支持（例如音頻插件）來播放聲音。因此，具有不同插件的不同瀏覽器所播放聲音的效果通常會有所不同。很難準(zhǔn)確地預(yù)測出站點(diǎn)的訪問者對您提供的聲音感受如何。具體操作：插入一個按鈕，選擇該對象，打開“行為”面板。如選擇如下按鈕打開“行為”面板，從動作中選擇“播放聲音”。如圖：單擊“瀏覽”選擇一個聲音文件，或在“播放聲音”文本框中輸入路徑和文件名。然后在行為面板中可以更改我們的動作，在這里我選擇的是onclick，也就是單擊按鈕開始播放聲音。保存頁面，F(xiàn)12預(yù)覽。單擊按鈕就會有聲音播放了。別忘了我們是在學(xué)習(xí)?。〈蜷_相應(yīng)的在代碼視圖看看文件中新增加的代碼，這樣我們可以熟悉代碼了啊

25、！彈出消息“彈出消息”動作顯示一個帶有您指定的消息的 JavaScript 提示。因?yàn)?JavaScript 提示只有一個按鈕（“確定”），所以使用此動作可以提供信息，而不能為用戶提供選擇。注意：您無法控制 JavaScript 提示的外觀，它取決于訪問者的瀏覽器。如果您希望對消息的外觀進(jìn)行更多的控制，可考慮使用“打開瀏覽器窗口”行為。具體制作過程：插入一個按鈕，選擇按鈕，打開“行為”面板，從動作中選擇“彈出消息”。并且輸入我們要在消息窗口中顯示的內(nèi)容。如圖：在“消息”文本框中輸入您要告訴瀏覽者的信息。別忘了看看行為面板中設(shè)置的動作是onclick，單擊“確定”，保存文檔，按F12預(yù)覽。別忘了

26、我們是在學(xué)習(xí)啊！打開相應(yīng)的在代碼視圖看看文件中新增加的代碼，這樣我們可以熟悉代碼了啊！跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單是文檔內(nèi)的彈出菜單，對站點(diǎn)訪問者可見，并列出鏈接到文檔或文件的選項(xiàng)。可以創(chuàng)建到整個 Web 站點(diǎn)內(nèi)文檔的鏈接、到其它 Web 站點(diǎn)上文檔的鏈接、電子郵件鏈接、到圖形的鏈接，也可以創(chuàng)建到可在瀏覽器中打開的任何文件類型的鏈接。(可以當(dāng)友情連接用啊，這樣站一個空間但是可以連接多個地址啊，可以增加你的網(wǎng)站的PR值啊)跳轉(zhuǎn)菜單可包含三個基本部分：（可選）菜單選擇提示，如菜單項(xiàng)的類別說明，或一些提示信息等。（必需）所鏈接菜單項(xiàng)的列表：用戶選擇某個選項(xiàng)，則鏈接的文檔或文件被打開。（可選）“前往”按鈕。 插入

27、跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單可建立 URL 與彈出菜單列表中的選項(xiàng)之間的關(guān)聯(lián)。通過從列表中選擇一項(xiàng)，用戶將被重定向（或“跳轉(zhuǎn)”）到指定的 URL。建立跳轉(zhuǎn)菜單的具體工程：新建一個文檔，然后將插入點(diǎn)放在“文檔”窗口中。選擇“插入”->>“表單”->>“跳轉(zhuǎn)菜單”，出現(xiàn)“插入跳轉(zhuǎn)菜單”對話框。如圖：保存按F12預(yù)覽，選擇跳轉(zhuǎn)菜單列表中的鏈接，即可打開相應(yīng)的目標(biāo)。編輯更改跳轉(zhuǎn)菜單項(xiàng)：可更改列表順序或項(xiàng)所鏈接到的文件，也可添加、刪除或重命名項(xiàng)；若要更改鏈接文件的打開位置，或者添加或更改菜單選擇提示，必須使用“行為”面板；若要使用屬性檢查器編輯跳轉(zhuǎn)菜單項(xiàng)，如圖：通過上面的圖的內(nèi)容我們可以編輯

28、我們的跳轉(zhuǎn)菜單。別忘了我們是在學(xué)習(xí)?。〈蜷_相應(yīng)的在代碼視圖看看文件中新增加的代碼，這樣我們可以熟悉代碼了?。⊥蟿訉油蟿訉觿幼髟试S訪問者拖動層。使用此動作創(chuàng)建拼板游戲、滑塊控件和其它可移動的界面元素。 您可以指定訪問者可以向哪個方向拖動層（水平、垂直或任意方向），訪問者應(yīng)該將層拖動到的目標(biāo)、如果層在目標(biāo)一定數(shù)目的像素范圍內(nèi)是否將層靠齊到目標(biāo)，當(dāng)層接觸到目標(biāo)時應(yīng)該執(zhí)行的操作和其它更多的選項(xiàng)。因?yàn)樵谠L問者可以拖動層之前必須先調(diào)用“拖動層”動作，所以請確保觸發(fā)該動作的事件發(fā)生在訪問者試圖拖動層之前。最佳的方法是（使用 onLoad 事件）將“拖動層”附加到 body 對象上，不過您也可以使用 onMo

29、useOver 事件將它附加到填滿整個層的鏈接上。具體制作的過程如下：選擇“插入”->>“布局對象”->>“層”，在文檔窗口中插入了一個層。該層為：Layer1。我們可以在層中插入一個圖片。通過單擊“文檔”窗口底部標(biāo)簽選擇器中的 <body> 選擇 body 標(biāo)簽。打開“行為”面板，從“動作”中選擇“拖動層”。如下圖：在“層”彈出菜單中，選擇要使其可拖動的層，如圖：選“層Layer1”。從“移動”彈出菜單中選擇“限制”或“不限制”。如圖：選“不限制”。 在“左”和“上”文本框中為拖放目標(biāo)輸入值（以像素為單位）。拖放目標(biāo)是一個點(diǎn)，您想要訪問者將層拖動到該點(diǎn)上。

30、當(dāng)層的左坐標(biāo)和上坐標(biāo)與在“左”和“上”文本框中輸入的值匹配時便認(rèn)為層已經(jīng)到達(dá)拖放目標(biāo)。這些值是與瀏覽器窗口的左上角相對的。在“靠齊距離”文本框中輸入一個值（像素）確定訪問者必須放目標(biāo)多近，才能將層靠齊到目標(biāo)。較大的值可以使訪問者較容易找到拖放目標(biāo)。注意行為面板中的動作為onload。保存頁面，F(xiàn)12預(yù)覽。別忘了我們是在學(xué)習(xí)?。〈蜷_相應(yīng)的在代碼視圖看看文件中新增加的代碼，這樣我們可以熟悉代碼了?。☆A(yù)先載入圖像“預(yù)先載入圖像”動作將不會立即出現(xiàn)在網(wǎng)頁上的圖像（例如那些將通過行為或 JavaScript 換入的圖像）載入瀏覽器緩存中。這樣可防止當(dāng)圖像應(yīng)該出現(xiàn)時由于下載而導(dǎo)致延遲。 注意：“交換圖像”

31、動作自動預(yù)先載入當(dāng)您在“交換圖像”對話框中選擇“預(yù)先載入圖像”選項(xiàng)時所有高亮顯示的圖像，因此當(dāng)使用“交換圖像”時您不需要手動添加預(yù)先載入圖像。具體使用預(yù)先載入圖像的步驟：插入一個對象，選擇該對象，打開“行為”面板，從“動作”中選擇“預(yù)先載入圖像”。單擊“瀏覽”選擇要預(yù)先載入的圖像文件，或在“圖像源文件”文本框中輸入圖像的路徑和文件名。 單擊對話框頂部的加號 (+) 按鈕將圖像添加到“預(yù)先載入圖像”列表中。 若要從“預(yù)先載入圖像”列表中刪除某個圖像，請在列表中選擇該圖像，然后單擊減號 (-) 按鈕。 單擊“確定”，點(diǎn)擊F12預(yù)覽。別忘了我們是在學(xué)習(xí)??！打開相應(yīng)的在代碼視圖看看文件中新增加的代碼，

32、這樣我們可以熟悉代碼了??！顯示彈出菜單彈出菜單通常是在Web頁中由鼠標(biāo)來觸發(fā)的一種菜單導(dǎo)航效果，當(dāng)鼠標(biāo)移動到導(dǎo)航對象上，就會顯示彈出菜單。當(dāng)鼠標(biāo)從導(dǎo)航對象上移開，彈出菜單自動消失。若要查看文檔中的彈出菜單，您必須在瀏覽器窗口中打開該文檔，然后將鼠標(biāo)指針滑過觸發(fā)圖像或鏈接。制作彈出彈出菜單具體制作過程：選擇要附加該行為的對象并打開“行為”面板，從“動作”中選擇“顯示彈出菜單”。如圖：在出現(xiàn)的“顯示彈出菜單”對話框中，使用以下標(biāo)簽來設(shè)置彈出菜單的選項(xiàng)：內(nèi)容：允許您單獨(dú)設(shè)置各菜單項(xiàng)的名稱、結(jié)構(gòu)、URL 和目標(biāo)。 外觀：使您能夠設(shè)置菜單“一般狀態(tài)”和“滑過狀態(tài)”的外觀以及設(shè)置菜單項(xiàng)文本的字體選擇。 高

33、級：允許您設(shè)置菜單單元格的屬性。例如，您可以設(shè)置單元格的寬度和高度、單元格顏色和邊框?qū)挾?、文本縮進(jìn)以及在用戶將鼠標(biāo)指針移到觸發(fā)器上后菜單出現(xiàn)之前的延遲時間長度。 位置：允許您設(shè)置菜單相對于觸發(fā)圖像或鏈接的放置位置。添加、刪除和更改彈出菜單項(xiàng)的順序使用“顯示彈出菜單”對話框的“內(nèi)容”標(biāo)簽創(chuàng)建菜單。您還可以使用此標(biāo)簽刪除現(xiàn)有項(xiàng)或更改它們在菜單上出現(xiàn)的順序。若要添加彈出菜單項(xiàng)，請執(zhí)行以下操作：在“內(nèi)容”標(biāo)簽中，通過執(zhí)行以下操作創(chuàng)建一個彈出菜單項(xiàng)。在“文本”文本框中，選擇默認(rèn)文本（“新建項(xiàng)目”），然后鍵入要顯示在彈出菜單中的文本。若要創(chuàng)建子菜單項(xiàng)，請執(zhí)行以下操作：在“顯示彈出菜單”列表中，選擇要將其創(chuàng)建為子菜單項(xiàng)的項(xiàng)，然后進(jìn)行以下操作：若要在菜單列表中縮

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論