当前位置:网站首页>Axure make menu bar effect
Axure make menu bar effect
2022-06-30 08:26:00 【poppinCC】
How to use Axure Make the menu bar with the above effect ? Go straight to step :
newly build 1 Masters ( Menu bar template ) and 5 A page ( page 1—— page 5), When you click the menu bar button , Corresponding pop-up page effect
【 Master production 】 Make a menu box , Drag a rectangle and enter “ page 1”, Drag a small icon and rectangle to make a combination .
【 Master production 】 Menu box attribute settings : Rectangle and small icon set properties respectively , The attribute is white on black , Set white characters on a green background when the mouse hovers , When a component is selected, it has green characters on a black background .
【 Master production 】 Menu box interactive settings 1: Rectangle setting interaction , If the current combination is selected == really , The rectangle is set to selected . Small icons do the same interaction design .
【 Master production 】 Copy the menu box above 5 individual , And they were renamed : page 1、 page 2、 page 3、 page 4、 page 5
【 Master production 】 Menu box interactive settings 2:“ page 1” Combination setting interaction , Open link when clicked , Link as page 1, The effect is to click on the menu box “ page 1” It will jump to “ page 1” page . rest 4 Make the same settings for the menu boxes
【 Master production 】 Add master to 5 Page
【 Page interaction 】 Enter the page 1, Set up interaction : When the page loads , Menu bar combination “ page 1” Set to selected . rest 4 Make the same settings for each page .
After completing the above settings , preview , You can see the interaction effect at the top !
边栏推荐
- 【NVMe2.0b 14-2】Create/Delete Queue
- 微信公众号第三方平台开发,零基础入门。想学我教你啊
- 【NVMe2.0b 14-4】Directive Send/Receive command
- Is it difficult to jump job ByteDance? With these skills, you can easily pass
- Want to ask, how to choose securities companies for stock speculation? Is it safe to open an account online?
- 2021-02-18
- C# Console. Writeline() function output format
- Experiment 2 LED button PWM 2021/11/22
- MySQL quotation sentence is unlocked: algorithm=insert, lock=none
- 国债逆回购绝对安全吗 网上怎么开户
猜你喜欢
Oracle expansion table space installed in docker
跳槽字节跳动很难嘛?掌握这些技巧,你也能轻松通过
vulfocus入门靶机
Hit the industry directly | the flying propeller launched the industry's first model selection tool
What are the Amazon evaluation terms?
【JUC系列】Fork/Join框架之概览
【kotlin 协程】万字协程 一篇完成kotlin 协程进阶
Circuit analysis of current probe
2021-04-29
[kotlin collaboration process] complete the advanced kotlin collaboration process
随机推荐
Qqquickpainteditem implements graffiti program drawing board
Opencv image
layer.open 当传值为数组或值太长时处理方法
Enter the URL in the browser and display it on the page
2021-05-17
Redis设计与实现(四)| 主从复制
Do you know the IP protocol?
Map,String,Json之間轉換
Unity simple shader
Acreems energy efficiency management platform escorts the power safety of high-rise residential areas
【NVMe2.0b 14-5】Firmware Download/Commit command
Environment configuration of ROS Aubo manipulator
【NVMe2.0b 14-3】Doorbell Buffer Config command、Device Self-test command
Swagger use
Unit Test
Experiment 3 remote control
[kotlin collaboration process] complete the advanced kotlin collaboration process
Wechat official account third-party platform development, zero foundation entry. I want to teach you
Experiment 6 examination
Full stack performance testing theory - Summary