Axure实现页面跳转(Axure学习日志2)

Axure实现页面跳转

在Axure画出页面之后,有一些页面是通过某个组或者某个图标进行跳转,那么怎么实现跳转呢?

创建好页面

Axure实现页面跳转(Axure学习日志2)_第1张图片Axure实现页面跳转(Axure学习日志2)_第2张图片Axure实现页面跳转(Axure学习日志2)_第3张图片以我已经画好的 我的12306页面和登录注册页面为例。

实现点击我的12306登录栏侧箭头实现跳转登录页面

首先打开我的12306页面,选择登录栏的右侧箭头。选择好之后在右侧的PROPERTIES中选择OnClick。
Axure实现页面跳转(Axure学习日志2)_第4张图片点开后在左侧Link➡Open Link➡Current Window
然后在右侧选择登录页面,点击OK即可。
Axure实现页面跳转(Axure学习日志2)_第5张图片这样就实现了在12306 页面点击登录栏右侧侧图标跳至登录界面。

实现登录界面点击左上方箭头跳转回主页

打开登录页面,选择左上方箭头,选择好之后在右侧的PROPERTIES中选择OnClick。
Axure实现页面跳转(Axure学习日志2)_第6张图片点开后在左侧Link➡Open Link➡Current Window
然后在右侧选择我的页面,点击OK即可。
Axure实现页面跳转(Axure学习日志2)_第7张图片这样就实现啦!
可以发布在浏览器上测试效果。

你可能感兴趣的:(日志)