axure8怎么制作tab菜單選中的效果?

側(cè)滑菜單,tab菜單往往都有一個選中效果,在選中哪個頁面,哪個菜單高亮,其他菜單自動取消高亮,具體步驟請看下文。

原型設(shè)計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型:輔助設(shè)計
- 大?。?/span>90.5MB
- 語言:簡體中文
- 時間:2018-05-24
1、在上篇的基礎(chǔ)上我們再加一個頁面和菜單
2、為了實現(xiàn)點擊效果,我們先設(shè)置,選中過后的高亮效果
3、高亮效果這就簡單改變背景色,如果其他效果自行設(shè)置
4、其他菜單同理,都設(shè)置選中改變背景顏色效果。選中效果設(shè)置好了之后要設(shè)置觸發(fā)選中的事件,選中我們用toggle selected事件,其他兩個一樣的設(shè)置
5、設(shè)置好了運行會發(fā)現(xiàn)點擊了,其他不會失去選中效果,先要做如下設(shè)置,選中所有菜單,設(shè)置一個共同的組名,名字隨便取,現(xiàn)在運行就達到了效果了
相關(guān)推薦:
Axure RP 8設(shè)計網(wǎng)頁原型怎么添加水平菜單?
相關(guān)文章
- Axure7.0怎么制作折疊菜單原型?再設(shè)計網(wǎng)頁原型的時候,想設(shè)計一個折疊的菜單,該怎么設(shè)計呢?下面我們就來看看Axure7.0設(shè)計折疊菜單的教程,需要的朋友可以參考下2016-11-02
- axure怎么制作彈出框效果?想要給網(wǎng)頁實現(xiàn)一個彈出框的效果,該怎么設(shè)計這個原型呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2016-10-26
- axure RP7.0怎么制作60秒倒計時效果?我們經(jīng)常使用axure設(shè)計網(wǎng)頁原型,該怎么使用axure制作網(wǎng)頁倒計時60秒的效果呢?請看下文詳細(xì)介紹,需要的朋友可以參考下2016-10-26
Axure設(shè)計圖片輪番播放效果的網(wǎng)頁原型的教程
想設(shè)計一個網(wǎng)頁原型,該怎么設(shè)計呢?下面我們就來看看使用Axure設(shè)計圖片輪番播放效果的網(wǎng)頁原型的教程,很簡單,需要的朋友可以參考下2016-10-23- axure怎么繪制流程圖中的箭頭?axure繪制流程圖需要使用箭頭連接,該怎么繪制箭頭呢?下面我們就來看看使用axure給流程圖添加箭頭的教程,需要的朋友可以參考下2016-09-30
axure動態(tài)面板怎么用? Axure動態(tài)面板制作頁面彈出層的教程
axure動態(tài)面板怎么用?像制作一個彈出的網(wǎng)頁,這時候我們就可以使用axure來設(shè)計,下面我們就來看看Axure動態(tài)面板制作頁面彈出層的教程,需要的朋友可以參考下2016-09-23axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型?
axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型?很多網(wǎng)站上都可以看到圖片類似幻燈片一樣播放,該怎么制作這個效果呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2016-09-12Axure設(shè)計的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?
Axure設(shè)計的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?Axure中設(shè)計好的網(wǎng)站原型怎么生成網(wǎng)站結(jié)構(gòu)圖呢?下面我們就來看看Axure生成網(wǎng)站結(jié)構(gòu)物的教程,需要的朋友可以參考下2016-09-01- Axure下載的外部部件怎么導(dǎo)入?Axure中繪制網(wǎng)頁原型的時候,為了讓網(wǎng)頁效果更好,該怎么導(dǎo)入已經(jīng)下載好的部件呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2016-08-30
- Axure RP 8怎么創(chuàng)建母板?Axure RP 8中像制作一個常用的模版,該怎么制作呢?下面我們就來看看Axure創(chuàng)建母板的詳細(xì)教程,很簡單,需要的朋友可以參考下2016-08-19