1. 設(shè)計(jì)菜單樣式

　　打開Articulate Storyline 3并新建一個(gè)項(xiàng)目，雙擊無標(biāo)題幻燈片，右擊設(shè)置它的背景色，在窗口右側(cè)的幻燈片層處，右擊基礎(chǔ)層，選擇“重命名”，命名為“主菜單”；利用“插入”選項(xiàng)卡“形狀”中的矩形，在幻燈片中插入所需要的主菜單項(xiàng)，右擊矩形，選擇“編輯文本”，輸入主菜單內(nèi)容，設(shè)置好字體、字號(hào)及顏色等，利用對(duì)齊工具將所有主菜單項(xiàng)目頂端對(duì)齊（圖2）。
　　接下來，在幻燈片層處點(diǎn)擊“新建層”，新層命名為“菜單1子菜單”；選中該層，在幻燈片中利用矩形根據(jù)需要添加子菜單，排放整齊；再新建層，命名為“菜單2子菜單”，同樣用矩形插入所需要的子菜單；其他主菜單、子菜單的建立以此類推。如果子菜單下還包括子菜單，同樣利用新建層的方式添加。比如，“子菜單24”下又包括3個(gè)子菜單，可以在名稱為“菜單2子菜單”的層上相應(yīng)菜單右側(cè)，利用自選圖表中的圖表添加代表還有子菜單的箭頭，同樣新建層，命名為“子菜單24子菜單”，利用矩形插入所需要的子菜單。這樣，級(jí)聯(lián)菜單的樣式就設(shè)計(jì)完成了（圖3）。

2. 添加交互效果

　　在窗口右側(cè)的“觸發(fā)器”面板中點(diǎn)擊“管理項(xiàng)目變量”，在彈出的窗口點(diǎn)擊“新建變量”，變量名稱為“weizhi”，類型為“文本”。這個(gè)變量就用來記錄當(dāng)前所選擇的菜單（圖4）。
　　在“觸發(fā)器”面板點(diǎn)擊“新建觸發(fā)器”，在彈出的窗口向?qū)е幸来屋斎耄翰僮鳛椤帮@示圖層”，圖層為“菜單1子菜單”（即主菜單1的子菜單所在的圖層名），時(shí)間為“鼠標(biāo)懸�！�，對(duì)象為“矩形1”（即標(biāo)簽為“主菜單1”的矩形），不要勾選“在鼠標(biāo)離開后恢復(fù)”。這樣鼠標(biāo)懸停在“主菜單1”時(shí)，它下面的子菜單就會(huì)顯示出來。鼠標(biāo)懸停在其他主菜單項(xiàng)時(shí)的子菜單顯示也這樣設(shè)置（圖5）。

　　新增觸發(fā)器，在彈出的窗口依次選擇：操作為“調(diào)整變量”，變量為“weizhi”，運(yùn)算符為“=分配”，值為“值”和“主菜單1”，時(shí)間為“鼠標(biāo)懸�！�，對(duì)象為“矩形1”，不要勾選“在鼠標(biāo)離開后恢復(fù)”。這樣，鼠標(biāo)懸停在“主菜單1”時(shí)，變量“weizhi”的值就變成了“主菜單1”。同理，鼠標(biāo)懸停在其他主菜單項(xiàng)時(shí)，變量“weizhi”的值的變化也是這樣設(shè)置（圖6）。
　　接下來是子菜單下級(jí)菜單的顯示設(shè)置。選定“菜單2子菜單”圖層，點(diǎn)擊“新建觸發(fā)器”，在彈出窗口的操作處選擇“顯示圖層”，圖層處選擇“子菜單24子菜單”（即子菜單24的下級(jí)菜單所在的圖層名），時(shí)間處選擇“鼠標(biāo)懸停”，對(duì)象處選擇“矩形4”（即標(biāo)簽為“子菜單24”的矩形），不要勾選“在鼠標(biāo)離開后恢復(fù)”。這樣鼠標(biāo)懸停在“子菜單24”時(shí)，它下面的子菜單就會(huì)顯示出來。同時(shí)，還要更改變量“weizhi”的值為“子菜單24子菜單”（即子菜單的標(biāo)簽）。在“子菜單24子菜單”圖層上右擊，選擇“屬性”，在彈出的窗口將“隱藏其他幻燈片層”前面的鉤去掉（圖7）。
　　選定“菜單1子菜單”圖層，新增觸發(fā)器，在彈出的窗口分別選擇：操作為“調(diào)整變量”，變量為“weizhi”，運(yùn)算符為“=分配”，值為“值”和“子菜單11”（即子菜單標(biāo)簽），時(shí)間為“用戶單擊”，對(duì)象為“矩形1”（即“子菜單11”）。這樣，當(dāng)點(diǎn)擊“子菜單11”時(shí)，變量“weizhi”的值就變成了“子菜單11”。當(dāng)然，點(diǎn)擊其他菜單時(shí)，變量“weizhi”值的變化設(shè)置與上述操作類似，這里就不一一贅述了。

3. 設(shè)置當(dāng)前位置

　　選定基礎(chǔ)層，在幻燈片中的合適位置插入一個(gè)文本框，內(nèi)容是“您的當(dāng)前位置：”，將光標(biāo)定位到文本框的最后面，點(diǎn)擊“插入→引用”，在彈出的窗口選中變量“weizhi”。這樣，這個(gè)文本框中就會(huì)顯示變量“菜單1選項(xiàng)”的值了（圖8）。
　　最后，點(diǎn)擊“發(fā)布”，設(shè)置好發(fā)布文件夾，點(diǎn)擊“發(fā)布”按鈕就可以了。

相關(guān)熱詞搜索：幻燈片 菜單 不用 代碼 級(jí)聯(lián)