Axure教程：顯示隱藏-燈箱效果-下拉菜單的彈出效果

0 評論 18496 瀏覽 9 收藏 3 分鐘

本文給大家分享下，在Axuere中，如何制作顯示隱藏-燈箱效果-下拉菜單的彈出效果，一起來看看~

Axure顯示隱藏、燈箱效果及下拉菜單彈出效果，案例下載鏈接如下：

鏈接: https://pan.baidu.com/s/1B0S3Bru9CHyaNPDtFFE7XA 提取碼: ig8x

一、顯示隱藏

（1）文件、編輯、視圖三個菜單上分別放三個熱區(qū)

分析：文件，編輯，視圖對應(yīng)子菜單需要單擊后，需要顯示，那首先肯定是在隱藏的狀態(tài)下。

（2）選擇文件，編輯，視圖子菜單隱藏，axure右上角【隱藏】。

（3）選擇文件或編輯或視圖，屬性選擇【鼠標(biāo)單擊時】—》元件—》顯示/隱藏—》選擇對應(yīng)顯示/隱藏的截圖—》【切換】。

（4）選擇文件或編輯或視圖，屬性選擇【鼠標(biāo)移除時】—>元件—》隱藏—》勾選需要隱藏的子菜單截圖—》隱藏—》確定。

二、燈箱效果（也就是圖片放大效果）

  1. 一張大圖，一張小圖，大圖放在小圖上面，遮蓋住小圖片。
  2. 隱藏大圖片，點擊axure右上角【隱藏】。
  3. 慢速單擊小圖片兩次，則既能選擇小圖片。
  4. 選中小圖片，屬性【鼠標(biāo)單擊時】-》【元件】—》顯示/隱藏—》顯示，勾選大圖片-》設(shè)置顯示效果，逐漸，顯示時長100，更多選擇【燈箱效果】-》確定。

三、下拉菜單彈出效果

  1. 先把連接拼接成一個組合；
  2. 隱藏【下拉菜單】，右上角勾選【隱藏】；
  3. 選中搜索按鈕，添加屬性【鼠標(biāo)移入時】—》【元件】【顯示/隱藏】【顯示】，勾選下拉菜單—》設(shè)置動畫，顯示時間，更多選項【彈出效果】—》確定。

 

本文由 @?猴子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議

更多精彩內(nèi)容，請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
猴子
5篇作品 48751總閱讀量
07-159000 瀏覽
【Axure教程】如何使用中繼器進(jìn)行修改表單數(shù)據(jù)
10-305916 瀏覽
搭建數(shù)據(jù)指標(biāo)體系，掌握這三個流程最管用！
04-135002 瀏覽
微信造“知乎”，“卷”出新生機(jī)？
10-314509 瀏覽
4個步驟：從0-1打造私域積分體系
06-022317 瀏覽
大廠和運營商，在云計算打起來了
評論
評論請登錄
  1. 目前還沒評論，等你發(fā)揮！