《AxureRP9網(wǎng)站與App原型設計》教學教案—06用Axure母版減少重復工作

1、第6章用Axure母版減少重復工作課時內容用Axure母版減少重復工作課時4教學目標掌握母版功能、3種拖放行為，學會藍月亮導航菜單母版設計教學重點母版功能、3種拖放行為教學難點母版功能、3種拖放行為教學設計1教學思路：通過實例引入母版的概念；通過多媒體演示和實機操講解母版功能：通 過實戰(zhàn)熟悉利用母版設計導航菜單的方法。2. 教學手段：多媒體+計算機3. 教學資料：教材、多媒體課件教學內容Axure母版的使用是為了減少重復的工作，在原型設汁過程中，往往會設il很多重復的頁而內 容，包括頁面的首部、版權信息、導航菜單。這就加大很多工作量，而通過母版，在母版里而只需 要進行一次設計，其他頁而可以直接

2、使用母版的內容，并且在母版里修改內容，可以實現(xiàn)所有引用 母版的頁面同時更新，也不需要到每個頁而里單獨修改內容。a好伽X +I ml zz |C O 不!± wv.biiecocft c«-ca ;x<rr hxalei 1 購J於BS人力 mi| oo|企業(yè)文化|社會貴任心5U81u用母版設訃頁面重復出現(xiàn)的內容6.1母版功能介紹Axure的母版能夠重復制作原型某個類似的功能，實現(xiàn)母版制作一次，英他頁而進行復用的效 果。在Axure原型設計工具的左下角是Axure的母版區(qū)域。毋版Q QAxure母版區(qū)域6.1.1母版的使用Axure母版區(qū)域提供3個快捷操作按鈕：新增母版

3、、新增母版文件夾以及檢索母版。更多的操 作可以通過鼠標右鍵單擊模板區(qū)域，在彈出的快捷菜單中獲取，包括調整母版之間的順序以及層級 關系、刪除母版和檢索母版等功能，其與頁面區(qū)域功能條的使用方式一致。廠r實戰(zhàn)演練 、 (1) 單擊“新增母版”按鈕可以新增一個母版，也可以鼠標右鍵單擊母版區(qū)域在快捷菜單中通 過添加選項添加一個母版，輸入母版的名稱“導航菜單”。Q| E) | 口I渤嘰入)翊剪切Q®W(c)更命宕(K)拖放行為區(qū)濟加到頁面中(4從頁而中穢蹤.(R)使用倩況M導航菜單母版(2) 單擊"新增文件夾”按鈕可以新增文件夾，將英命冬為“頁面母版”,文件夾可以對母版 進行歸類，存放

4、導航菜單的母版.頁首的母版、頁尾的母版。母版文件夾(3) 在母版上右鍵單擊，在彈出的快捷菜單中，通過移動選項可以調整母版之間的上下順序和 層級關系，通過刪除選項可以進行刪除母版。滋加(A)移動血)BWHC)復制(C)粘貼IP)墮命名(R)垂復to范放行為添加至1|頁面中(A)從頁面中移除(R)使用情:見 on調整母版順序和刪除母版(4) 在母版上右鍵單擊，在彈出的快捷菜單里的選項中，除了可以新增母版、新增文件夾、移 動和刪除母版，還提供母版重命名、母版復制、設宜母版拖放行為、將母版添加到頁面中、將母版 從頁而中移除以及查看耳版使用情況等功能。添加移動（M）酈余（D）更切（O復制9）扳占（F）董

5、命皂佩）垂復（C）拖渤行為>I忝加至偵面中（A） 從頁面中移除（R）使用時:見（U）母版右鍵菜單選項6.1.2制作母版的兩種方式那怎么制作母版呢？有兩種方式，一種是將元件轉換為母版，另一種是通過母版區(qū)域新建母版。 F而演示制作母版的兩種方式。1. 通過母版區(qū)域新建母版實戰(zhàn)演練（1）在母版區(qū)域里新建一個“導航菜單”母版，進入該母版里，拖曳5個“矩形1”元件到工 作區(qū)域作為5個導航菜單，將其寬度均設巻為100,高度均設置為40,分別重命名為“首頁”“公 司介紹”“新聞中心”“招賢納士"“聯(lián)系我們” OX 1 a o足版應用-Axure RP 9 Tcqe Edition己徹_ 刃H

6、如 e“ rt® e-姐 l6同(”左R( efuCl虧WAtii-畝充：»4|l«0x)oUK 、300<0 二T 口 斗8公司介!0云云拾燙納士RSK40新建導航菜單母版（2）在頁而區(qū)域上新建5個頁而，分別命名為''首頁”"公司介紹”"新聞中心”"招賢納七” “聯(lián)系我們S用來顯示這5個菜單的內容。Q0 D£恥恥新建5個貞面（3）將制作完的母版，引用到這5個頁而里，需要右鍵單擊“導航菜單”母版，在彈出的快捷 菜單中選擇“添加到頁而中.”選項，彈出“添加母版到頁而中”對話框，將母版引用到“首頁”“公 司

7、介紹” “新聞中心” “招賢納士” “聯(lián)系我們”頁而。母版引用到頁面里（4）進入到“首頁”頁而，可以看到母版的“導航菜單”被引用到首頁里，其他頁而也是一樣 的。glR八 Itoo2x» ,io)許tait a»阿昵 |g 公g術卿0S誓融tS D首頁內容（5）如果不想把"導航菜單”母版引用到頁而里，在"導航菜單”母版上右鍵單擊，在彈岀的 快捷菜單中選擇“從頁面中移除”選項，在彈岀的對話框中刪除"首頁”里的母版，刪除后首頁里 就沒有母版內容。X I H 0 r母加氏用Axure RP 9 Teani Edtion己接収究件1 !(-砂L IC&#

8、171;< x MC1B中得片.臺白 B沖X目 w«ffv 目 assr B "伽從砂口6中多衲f :呂嗎中B iWvKB KAtMl«1刪除首頁母版這種方式就是通過母版區(qū)域新建母版，然后將母版引用到頁而里使用，這種方式適合明確知道 有哪些內容可以在不同頁而上共用、復用的情況，比如導航菜單、版權信息等，每個頁面都會使用 這些內容。2. 通過元件轉換為母版在原型設計過程中，如果重復設計某個區(qū)域的內容，這時可以把這個內容抽取出來，制作成母 版，這樣就能夠避免重復制作同樣的內容。實戰(zhàn)演練（1）在頁面區(qū)域上建立一個“首頁”頁而，進入到“首頁”里，拖曳5個“矩形1”元

9、件到工 作區(qū)域作為5個導航菜單，將英寬度均設程為100,高度均設置為40,分別重命名為“首頁”“公 司介紹”"新聞中心”“招賢納士”''聯(lián)系我們”。22屈G CJ1皿|卜二二 叭“g亠亠一一叭-一莊一j5 | gjwa |ff±礙1QH C3新建首頁頁而（2）同時選中這5個菜單，右鍵單擊，在彈出的快捷菜單中選擇"轉換為母版”選項，在彈岀 的“創(chuàng)建母版”對話框中輸入“導航菜單”作為新母版的名稱，單擊繼續(xù)按鈕，就可以把該元件轉 換為母版。" 元件轉換為僚版(3) 元件轉換完母版后，就可以在母版區(qū)域里看到轉換后的母版“導航菜單” o轉換后的母版

10、這種方式適用于事先并不能確左哪些內容可以設計成母版的情況。在頁而設計過程中，會發(fā)現(xiàn) 有的元件，其他頁面也會用到，這時就可以把這些元件轉換為母版。6.2母版3種拖放行為的使用母版有3種拖放行為：任何位宜、鎖立到母版中的位置、從母版脫離。頁而使用母版時，根據(jù) 不同的拖放行為來選擇母版使用哪種拖放行為，下而來學習母版這3種拖放行為以及它們的含義。6.2.1拖放行為為任何位；任何位置：使用這種拖放行為，母版在被引用的頁而可以被移動，可以放垃在頁而中的任何位 置，對母版所做的修改會在所有引用母版的頁而同時更新。實戰(zhàn)演練(1) 在母版區(qū)域新增一個母版，把它命劃為“版權信息”，進入到該母版中，拖曳一個“矩形

11、 1”元件到工作區(qū)域.將其寬度設宜為800,髙度設置為100,文本內容命名為“這是版權信息”。B T 1新建版權信息俅版(2) 在頁而區(qū)域上新建5個頁而，分別命爼為“首頁” “公司介紹” “新聞中心” “招賢納士” “聯(lián)系我們”，用來顯示5個菜單的內容。I7XTl(!iI E；| 但 Trti新建5個貞面（3）將制作完的母版，引用到“公司介紹” “新聞中心”兩個頁而里，需要在“版權信息”母 版上，右鍵單擊，在彈出的快捷菜單中選擇“添加到頁而中”選項，在彈出的“添加母版到頁而中” 對話框里設置將母版引用到想引用的頁而里。X厚&U櫛割中匚耳砂日巾莎0S E心U I事急吐 h K*tH： t

12、swirrexua o "JR®Baa貢ase砂“砒心=3.如 XK?VSSWL廠* "I母版引用到貞面里（4）進入到“公司介紹”頁而里，可以看到“版權信息”的母版被引用到“公司介紹”里，移 動引用的版權信息內容，發(fā)現(xiàn)無法移動，在“版權信息”母版上右鍵單擊，在彈岀的快捷菜單中， 取消勾選'鎖立到母版中的位置”，從而可以隨意移動引用的母版內容，這就是任何位置的拖放行 為。S切曲QQ0 »XVH1OSkUtllT-l談昨VMinWWW&*«|v設宜為任何位宜的拖放行為（5）在“版權信息”母版里修改版權信息，再新增“2019年”這幾個

13、字，回到“公司介紹” “新聞中心”頁而里，可以看到引用母版的頁面內容也會發(fā)生修改，這樣豈有變更的時候，就不需 要到頁而里逐個進行修改，只需要在母版里進行修改就可以了，引用母版的頁而可以自動更新。f aw*i«j me0 Wig：I fcQz修改母版內容6.2.2拖放行為為鎖定到母版中的位置鎖定到母版中的位置：母版在引用的頁面會處于最底層并被鎖定，對母版所做的修改會在所有 引用母版的頁而同時更新，頁而引用母版中的控件位置與其在母版中的位宜相同，這種拖放行為常 用于布局和底板。很多網(wǎng)站可以換不同的背景色或者背景圖片，使用母版也可以進行背景色或者背景圖片的切換, 這樣所有的頁而背景都會一起

14、更改。實戰(zhàn)演練一 一 一 一（1）新增一個母版，將其命爼為“背景圖”，打開該母版，拖曳一個“矩形3”元件到工作區(qū) 域，將其寬度設置為800,髙度設置為1000,位置為（0.0） o新建背景圖母版（2）將“背景圖”母版引用到“招賢納士”頁面里，進入到“招賢納七”頁而里，可以看到“背 景圖”母版被應用到“招賢納士”頁而里。母版引用到頁面里河如YQS CiF STCfl!（3）在“招賢納士”頁面里可以看到無法移動的母版內容，它可以作為頁而背景圖，它的這種 拖放行為就是鎖龍到母版中的位置拖放行為，是不可以移動的。如果背景圖想換成其他的顏色，比 如綠色，只需要在'背景圖”母版里，將背景填充為綠色

15、（#00CC00）,頁而的背景圖也會隨之變 為綠色。修改背景色6.2-3拖放行為為從母版脫離從母版脫離：這種拖放行為會使頁而引用的母版與原母版失去聯(lián)系，頁面引用的母版元件 可以像一般元件一樣進行編輯，常用于創(chuàng)建具有自左義元件的組合。實戰(zhàn)演練（1）在母版區(qū)域里新建一個“導航菜單”母版，進入到此母版里，拖曳5個“矩形1”元件到 工作區(qū)域作為5個菜單，將其寬度均設置為100,高度均設置為40,分別重命名為“首頁” “公司 介紹”“新聞中心”“招賢納士”“聯(lián)系我們”?？贐 ts«7Mww T導航菜單母版（2）將制作完的“導航菜單”母版，引用到“聯(lián)系我們”頁而里，需要在“導航菜單”母版上, 右

16、鍵單擊，在彈出的快捷菜單中，選擇''新增頁面”選項，在彈岀的“添加母版到頁面中”對話框 里設置將母版引用到“聯(lián)系我們”頁而里。x Q BTO H沖2O gI 3 WJJtt：O »rC BF<V母版引用到頁面里(3) 進入到“聯(lián)系我們”頁而里，可以看到引用的導航菜單內容，默認引用的母版內容是鎖泄、 不能移動的。如果想修改此母版內容，需要將引用的母版內容變?yōu)橐话阍?，右鍵單擊引用的母版 內容，在彈出的快捷菜單中勾選“脫離母版”選項。設宜從俅版脫離拖放行為(4) 導航菜單從母版脫離后，導航菜單變?yōu)槠胀ㄔ?，可以隨意地移動和放宜，與母版沒有任 何關系，即使修改“導航菜

17、單”母版內容，“聯(lián)系我們”頁面內容也不跟著變化的。進入到“導航 菜單”母版，復制一個導航菜單，將文本內容命名為“留言本”，回到“聯(lián)系我們”頁面里可以看 到，頁而內容并沒有更新。lil BS|< 2來M(: Kti糸|H C3頁而內容沒有更新元件一旦與母版脫離關系，就變?yōu)槠胀ǖ脑?，這種方式常用于頁面部分區(qū)域與母版不同，但 絕大部分與母版一致的情況。這時就可以先引用母版，再脫離母版，最后自立義元件。母版的3種拖放行為，即任何位程的拖放行為、鎖泄到母版中位置的行為、從母版脫離的拖放 行為，前兩種拖放行為會跟著母版的修改而發(fā)生變化，而最后一種從母版脫離后就不會隨著母版的 修改而發(fā)生變化?？梢愿?/p>

18、據(jù)具體場合來選擇3種拖放行為。6.3實戰(zhàn)一一藍月亮導航菜單母版設計在前面的章節(jié)中，學習了母版功能的使用、制作母版的2種方式以及母版的3種拖放行為,Axurc 的母版區(qū)域是一個經(jīng)常被用到的功能，它可以減少設計原型的工作疑，提高工作效率，解決重復制 作原型某個類似功能耗時耗力的問題。下而通過設計藍月亮導航菜單母版，來看看母版在實際項目 中是如何使用的。藍月亮門戶在頁而區(qū)域的實例里，我們規(guī)劃過它的欄目結構，它有6個一級導航菜單，包括首頁、走進藍 月亮、淸潔之家、科學洗滌、人力資源、聯(lián)系我們。首頁、淸潔之家、科學洗滌下沒有二級菜單，迫進藍月亮下而有3個二級菜單：關于我們、企 業(yè)文化、社會責任。鼠標懸浮

19、在哪個菜單上而，那個菜單項就會變?yōu)檫x中狀態(tài)。這是這個二級菜單 需要使用一個垂直菜單元件，并且需要為英添加交互樣式：當鼠標懸浮在上而的時候，變?yōu)檫x中狀 態(tài)。a關于mx +|<=»|E3! 2 I<-> C <&> 不夾全 1 *g m Jtcry ht«l* e j人力耳看I oo姜子我I企業(yè)文化 牡豹舟走進藍亮二級菜單人力資源一級導航菜單下而有5個二級菜單，包括用人理念、社會招聘、校園招聘、培訓發(fā)展、 員工福利。人力資源二級菜單聯(lián)系我們一級導航菜單下而有4個二級菜單，包括公司總部信息.各地辦事處、訂單物流查詢、供應商注冊。s如亦不安幺T

20、FT. blu«»3cn. cca. cn eu>«i*. htalAZJSBI o |Q I gi I e :©o公昵息I自助事處I訂軸注徇I供&商注冊OTJS57聯(lián)系我們二級菜的6.3.1導航菜單母版布局設計（1）在母版區(qū)域新建一個母版，將其命劃為''導航菜單母版”，打開''導航菜單母版”，拖曳6 個文本標簽元件到工作區(qū)域，將其文本內容分別命名為“首頁”"走進藍月亮”“淸潔之家”“科學洗 滌”“人力資源”“聯(lián)系我們”，文本元件也分別命統(tǒng)為“首頁”"上進藍月亮” “淸潔之家”"

21、科學洗 滌”“人力資源”“聯(lián)系我們”。字體顏色為黑灰色（#555555）,字號為26號，字體加粗。坐標位置 分別為首頁（286, 48）、走進藍月亮（374, 48）、淸潔之家（521, 48）、科學洗滌（631, 48）、人 力資源（752, 48）、聯(lián)系我們（872, 48）。1AS C30*5色1坯2L唳百貢Eff羽亮兩法之J?科學須人力資彥Wkf&D5B EJ導航菜單內容（2）制作選中菜單項背景，拖曳一個“矩形1”元件到工作區(qū)域，將其寬度設置為107,高度 設置為107,邊框設置為無，填充顏色為藍色（#O3328D）,這于底層，元件命需為“背景”，作為 導航菜單被選中時的背景圖

22、。（；私“圖6.33菜取背景（4）設計走進藍月亮二級菜單，拖曳一個“矩形1 ”元件到工作區(qū)域，將苴坐標位置設為（011）, 寬度設苣為1191,高度設置為137,背景顏色設置為淺藍色（#F3FAFE）,去掉矩形邊框線：再拖 曳3個文本元件，分別命名為“關于我們”“企業(yè)文化”"社會責任”，作為二級菜單；再拖曳兩 個豎線，作為二級菜單的分隔符。IE90)走四月拓j#az3r殆如人力歸sesafl）次于搗D | H文化| 1£仝夷住走進藍丿亮二級菜單（5）把走進藍月亮二級菜單全部選中，然后右鍵單擊，在彈出的快捷菜單中選擇“組合”選項, 把走進藍月亮二級菜單組合命名為"走

23、進藍月亮二級菜單”，這樣方便對走進藍月亮二級菜單的顯 示與隱藏控制。（6）設計人力資源二級菜單，拖曳一個“矩形1”元件到工作區(qū)域，將其坐標位置設為（0.111）, 寬度設程為1191,髙度設置為137,背景顏色設置為淺藍色（#F3FAFE）,去掉矩形邊框線：再拖 曳5個“文本標簽”元件到工作區(qū)域，將苴分別命名為“用人理念”“社會招聘”“校園招聘”“培 訓發(fā)展”“員工福利”作為二級菜單：再拖曳4個“豎線”元件到工作區(qū)域，將其作為二級菜單的 分隔符。IM*HO0VE«nJJ換RH 憲祜"AZJlWWW帥n#田人無芻|壯合解|另工?？扇肆Y源二級菜單（7）把人力資源二級菜單全部選

24、中，然后右鍵單擊，在彈岀的快捷菜單中選擇"組合”選項， 耙人力資源二級菜單組合命爼為“人力資源二級菜單”，這樣方便對人力資源二級菜單的顯示與隱 藏控制。（8）設計聯(lián)系我們二級菜單，拖曳一個“矩形1”元件到工作區(qū)域，將英坐標位置（0.111）, 寬度1191,高度137,背景顏色設置為淺藍色（#F3FAFE）,去掉矩形邊框線：再拖曳3個“文本 標簽”元件到工作區(qū)域，將其分別命名"關于我們” “企業(yè)文化” “社會責任”，作為二級菜單； 再拖曳兩個“豎線”元件，作為二級菜單的分隔符。金*丈化I比任5KKXMO匚聯(lián)系我們二級菜單（8）把聯(lián)系我們二級菜單全部選中，然后右鍵單擊，在彈岀

25、的快捷菜單中選擇“組合”選項， 把聯(lián)系我們二級菜單組合命爼為“聯(lián)系我們二級菜單”，這樣方便對聯(lián)系我們二級菜單的顯示與隱 藏控制。（9）分別右鍵單擊走進藍月亮二級菜單、人力資源二級菜單以及聯(lián)系我們二級菜單，在彈出的快捷菜單中設置其為隱藏狀態(tài)。ft£ &皿>xwaXEMC2MQ0 O ；sksnmAnewR«an二級菜*1設為隱藏6.3.2網(wǎng)站LOGO和版權信息母版布局設計藍月亮門戶網(wǎng)站的LOGO、頁尾信息都可以設計成母版，每個頁而都會用到這些內容，這樣只 需要在母版設計一次，其他頁而可以直接使用相關內容，這樣就可以極大地減少工作量。（1）制作網(wǎng)站LOGO的母版，

26、在導航菜單母版里拖曳一個“圖片”元件到工作區(qū)域，用“l(fā)ogo” 圖片替換圖片元件,坐標位置為（10837） °I駅迄進盞月憲網(wǎng)站LOGO因為一個母版只能設宜一種拖放行為像導航菜單母版，它的拖放行為設巻為鎖定到母版中的位 置的拖放行為，而頁尾信息母版，它的拖放行為設置為任何位苣的拖放行為，因為頁而的內容不確 定，所以頁尾信息的高度也是不確定的，它可以放苣在任何位置。所以接下來需要單獨設計頁尾信 息母版。（3）在母版區(qū)域新建一個“頁尾信息母版”，打開'頁尾信息母版”，拖曳一個“圖片”元件 到尾部信息母版工作區(qū)域，用網(wǎng)站"尾部信息”圖片替換圖片元件，尾部信息坐標位置為（0

27、,250）。©: 400-111-111840C®Muftmoon can cn至魴洗衣APP 期為科學洗衣公眾號頁尾信息母版（4）把“導航菜單母版”母版引用到頁而上，在“導航菜單母版”上右鍵單擊，在彈出的快捷菜單中，單擊“新增頁面”選項，彈岀“添加母版到頁而中”對話框，因為各個頁而都需要導航菜 單，需要選中所有頁而，這時全選按鈕就會非常實用，單擊全選按鈕選中所有頁而。X I a o 丈仟< *M卜“ H X gU2.OsWP IFop“曰 A DIR m &咼（呂044* Av«ara 0= O- X怎血"HB和貢囲中9L9a vs豈于底

28、二'V*傘走;凍：Default將導航菜訊母版引川到頁面（5）把頁尾信息母版也引用到頁而上，在頁尾信息母版上右鍵單擊，在彈出的快捷菜單中選擇 “新增頁而”選項，彈出“添加母版到頁而中”對話框，單擊全選按鈕，選中所有頁而。EJW5J竺| a MHWWnWDefaultX ;«；rau>lCQ9中H&Q更用用更面:紡 fg于"*W3i8«T» GQ G髡 0Q E仲密0 小!WQ広列海C«*0 幀 WI28ky24/閥0 &于如B3I3換中士宙It對才応頁尾信息母版引用到頁面這樣就可以把導航菜單母版和頁尾信息母版引用到

29、頁面里，就不需要在每一個頁面重新設計內 容，避免重復制作內容，大大提高工作效率。6.3.3導航菜單母版交互設計（1）首頁、淸潔之家、科學洗滌是沒有二級菜單的，單擊這3個菜單時英背景為選中狀態(tài)，文 字顏色為白色；上進藍月亮、人力資源、聯(lián)系我們這3個菜單是有二級菜單的，單擊這3個菜單時 其背景為選中狀態(tài)，文字顏色為白色，同時顯示相應的二級菜單。（2）當打開某個頁而時，首頁會呈現(xiàn)為選中狀態(tài)，出現(xiàn)藍色背景和白色文字，這時就需要添加 頁而載入時觸發(fā)事件，顯示菜單被選中時的背景，在“添加動作”而板中選擇“移動”，“組織動 作”而板中是指到達位置（249,4）,勾選“首頁”復選項，在設置動作面板的設垃為下拉

30、列表中選 擇“富文本”，即文字通過富文本的方式設宜為白色。WS1C aatsue a®» &MSi* *SMS*片g fiMR-J tfR£W5fftt口«««<rfeHtkAK3TW»WiMZ頁而載入時觸發(fā)爭件（3）給首頁導航添加鼠標單擊時觸發(fā)事件，拖曳一個“熱區(qū)”元件到工作區(qū)域，將其覆蓋在首頁導航上而，為其添加鼠標單擊時觸發(fā)事件，菜單背景移動到達位置（249,4），顯示菜單選中背景,通過富文本來設宜首頁導航文字為白色，其他導航菜單文字為黑色（#555555）,隱藏二級菜單。X x5?8«80

31、87;3W0片創(chuàng)IE中創(chuàng)I內莎砂TBl&MG協(xié)不體窮loma9&首頁導航爪擊爭件（4）給走進藍月亮導航添加鼠標單擊時觸發(fā)事件，拖曳一個“熱區(qū)”元件到工作區(qū)域，將其覆 蓋在走進藍月亮導航上而，為其鼠標單擊時觸發(fā)事件，將菜單背景移動到達位宜（361.4），顯示菜 單選中背景，通過富文本的設置止進藍月亮導航文字為白色，英他導航菜單文字為黑色（#555555）, 顯示走進藍月亮二級菜單，隱藏其他二級菜單。X交互砂鄉(xiāng)尉S云Z«tsrx t?l£uM2 <2刃&"匍伽 如述尺寸于 DC®H8 述不酬 穴成-*±«SM

32、 祈會.BfiXt云云牙王2=月芝口力":E"力*BN 時t»力經(jīng)燈活 人力W為人力期I 也伽力g*nS54MISIM2 戰(zhàn)走進藍丿亮導航單擊事件（5）為淸潔之家導航添加鼠標單擊時觸發(fā)事件，拖曳一個“熱區(qū)”元件到工作區(qū)域，將其覆蓋 在淸潔之家導航上而，為英鼠標單擊時觸發(fā)事件，將菜單背景移動到達位置（490.4），顯示菜單選 中背景，在通過富文本的設置淸潔之家導航文字為白色，英他導航菜單文字為黑色（#555555）,隱 藏所有二級菜單。X交互如.23q VK*TWtWBG*HfHHirsrt 與“Kfiu*±MVW*a 竝 h».4|2.WUK舉龍F；之率®*r*人力賓” 人力曲評 引球ffi力RMttrr翻*ft畑aw?wep"如wc如二®人力戲IN A淸潔之家導航*1擊事件（6）給科學洗滌導航添加鼠標單擊時觸發(fā)事件，拖曳一個“熱區(qū)”元件到工作區(qū)域，將英覆蓋 在科學洗滌導航上而，添加鼠標單擊時觸發(fā)事件，將菜單背景移動到達位置（610.4），顯示菜單選 中背景，通過富文本的設宜科學洗滌導航文字為白色，英他導航菜單文字為黑色（#555555），隱藏 所有二級菜單。I 耐玄 motr wwt宙 stnxmHnat2Jfc