幻燈片中菜單的呈現形式不合理，就會占用過多的幻燈片版面。如果將菜單做成擴散式，當鼠標懸停在主菜單時子菜單向八方擴展，鼠標離開主菜單時子菜單收縮，這樣的菜單呈現形式占用的版面就會比較少。利用Articulate Storyline 3軟件，只需兩個圖層外加1個觸發器，就可實現這種效果（圖1）。

1. 構建菜單樣式

打開Articulate Storyline 3并新建一個項目。雙擊無標題幻燈片，右擊設置它的背景色。在窗口右側的幻燈片層處，右擊基礎層，選擇“重命名”，命名為“主菜單”。利用“插入”選項卡“形狀”中的橢圓在幻燈片中畫出一個正圓，右擊矩形，選擇“編輯文本”，輸入主菜單內容，設置好字體、字號及顏色等。在這個正圓的四周根據需要的子菜單數目畫出相應的直徑小于這個正圓的其他正圓，輸入子菜單內容。接下來，在幻燈片層處點擊“新建層”，新層命名為“子菜單展開”；再切換到基礎層，選中所有的正圓，復制，選中新建的層，粘貼，使新建層的大圓與基礎層中的大圓完全對齊；再新建層，新層命名為“子菜單收縮”，同樣將基礎層中所有的正圓粘貼到這個新建的層，使新建層的大圓與基礎層中的大圓完全對齊；切換到基礎層，刪除除了大圓的其他小圓。這樣，菜單樣式就構建完成了（圖2）。

2. 設置子菜單動畫

切換到“子菜單展開”層，右擊作為主菜單的大圓，將其置于頂層。選中“子菜單1”小圓，選擇“動畫”選項卡，點擊“添加動作路徑→線條”，再點擊路徑選項中的“向上”，在幻燈片中拖動路徑的綠色端點到大圓的中心，拖動紅色端點與原圖形對齊。同理，為其他小圓添加線條動畫路徑，拖放綠色端點到大圓中心，紅色端點與各自原圖形對齊。切換到“子菜單收縮”層，為每個小圓添加線條動畫路徑，拖放綠紅色端點到大圓中心，綠色端點與各自原圖形對齊。這樣，子菜單的展開和收縮的動畫效果就制作完成了（圖3）。

3. 添加交互效果

切換到基礎層，在觸發器面板點擊“新建觸發器”，在彈出窗口操作處選擇“顯示圖層”，圖層處選擇“子菜單展開”，時間處選擇“用戶單擊”，對象處選擇“橢圓形1”（即標簽為“主菜單”的正圓）。切換到“子菜單展開”層，新增觸發器，在彈出窗口操作處選擇“顯示圖層”，圖層處選擇“子菜單收縮”，時間處選擇“用戶單擊”，對象處選擇“橢圓形1”。切換到“子菜單收縮”層，新增觸發器，在彈出窗口操作處選擇“顯示圖層”，圖層處選擇“子菜單展開”，時間處選擇“用戶單擊”，對象處選擇“橢圓形1”。這樣，子菜單的展開與收縮之間的切換就設置完成了（圖4）。

最后，點擊“發布”，設置好發布文件夾，點擊“發布”按鈕就可以了。