中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本期給大家?guī)淼慕坛淌恰胺伦鼍〇|商城式的左側菜單欄”。

一、照例先上gif

二、制作方法

1. 分解元素

“元素1”為菜單說明，沒有特別功能。

“元素2”為菜單icon，點擊后展開“菜單”或者折疊“菜單”。

點擊“元素3”～“元素6”后，右側對應的切換“元素7”～“元素10”。

2. 制作動效

元素2

點擊“元素2”的時候，要展開“菜單”或者折疊“菜單”。

所以“元素3”～“元素6”設置為一個組“左側菜單內(nèi)容”比較容易做交互。

交互如下：

元素3～元素6

點擊“元素3”的時候，右側對應顯示“元素7”，離開“元素7”的時候，自動隱藏菜單。

點擊“元素3”的交互如下：

離開“元素7”的交互如下：

“元素4”到“元素7”的交互參照“元素3”就可以了。

本篇內(nèi)容到此結束，離開“元素7”的交互設置頗為繁瑣，不知道有沒有更好的方式，小伙伴們在評論里留言交流吧！

本文原型鏈接：https://4urldc.axshare.com/

歡迎朋友們拍磚，多多指出其中的不足。

擴展閱讀

Axure教程 | 如何使用中繼器當數(shù)據(jù)庫，制作web端幻燈片？

Axure教程 | web端的驗證碼（普通驗證碼和滑塊驗證碼）如何制作？

Axure教程 | 小白入門，制作web端注冊/登錄

其他原型鏈接

• 幻燈片原型鏈接：https://1bqith.axshare.com
• 注冊和登錄鏈接：https://tk5yg4.axshare.com
• 普通驗證碼鏈接：https://k4x9cz.axshare.com
• 滑塊驗證碼鏈接：https://61uzxz.axshare.com

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

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