水泡导航案例

水泡导航

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Axure RP8

撰写时间：2021/8/24

1.拉出矩形，设置大小为105*47，颜色为紫色，打上“首页”，字体大小为16，颜色为白色

2.拉出矩形，无颜色，边框去掉，大小为105*47

3.拉出矩形，设置大小为96*34，圆角为42，颜色白色，设置不透明度为30

4.把2.3步骤里的矩形编组

5.点击矩形，双击鼠标移入时

6.点击移动，勾选组合，移动为绝对定位，动画为线性，时间为500毫秒

7.点击fx，点击插入变量或函数，点击x

 

8.点击fx，点击插入变量或函数，点击y

 

9.选中This

 

10.点击插入变量或函数，点击Target

11.把“首页”复制，复制4个，把文字分别改成以上图片所展示，组合必在最顶层

水泡导航整体效果就完成了