Axure菜单导航怎么添加鼠标选中变色的特效?

百度经验   发布时间:2018-06-15 09:13:10   作者:hbyostc11   我要评论
Axure菜单导航怎么添加选中变色的特效?Axure中制作的导航菜单,想要添加一些特效,比如鼠标经过选中时背景颜色发生变化,下面我们就来看看详细的教程,需要的朋友可以参考下

Axure网页中的菜单栏想要添加一些效果,在某个菜单选中时候,底色能变化,凸显出选中的效果,该怎么实现呢?下面我们就来看看详细的教程。

1、先正常打开Axure RP工具,然后新建一个空白页面,在页面中放置若干菜单,为每一个菜单设置一个名称,后续有用,如下所示。

2、选中第一个菜单,在右侧属性中拉到交互样式设置处,如下截图标红所示。

3、单击上图中“交互样式设置“处的“选中”,弹出如下截图的对话框。

4、在该页面,可以根据自己的需要设置选定效果,比如选中的菜单字体加粗,加下划线等,本文已改变背景色为例进行说明。在弹出框中将“填充颜色”前打勾,点击箭头,弹出颜色选择框,设置一个背景颜色。如下截图所示。

5、选中的效果设置后之后,点击确定,退出对话框。这时候会发现,标红的位置可以看到内容,但是页面并没有效果。

6、这时候需要增加事件,选中第一个菜单,在属性中增加鼠标单击事件,在弹出框中选择“选中事件”,将该元件设置为选中,其他元件设置为“取消选中”,如下截图所示。

7、到此第一个菜单的选中效果已经设置完成。后续其他菜单都按照以上第二至第六步的步骤进行设置,就是在设置鼠标单击事件的时候注意将该元件设置成选中,其他元件设置为取消选中。

8、这时候预览效果,如下图所示,单击买个菜单的时候就可以看到选中项的背景色和其他菜单是不一样的。

9、这里有点不足的是必须单击后才显示背景色,如果页面一开始就要有默认选中的效果,鼠标单击后切换选中菜单,这时候需要增加一个事件,就是将鼠标移到默认要选中的菜单处,在属性中单击更多事件,如下图1所示,在出来的选项中单击“载入时”,弹出新的对话框,设置选中和取消选中事件,如图3所示,这样设置之后预览就可以看到效果了。

以上就完成了菜单选中效果的设置,有需要的朋友们可以按照步骤进行配置即可。

以上就是Axure导航菜单鼠标经过选中底色发生改变的制作方法,希望大家喜欢,请继续关注脚本之家。

相关具体:

Axure RP怎么设计一款导航菜单?

Axure怎么设计一个左侧二级导航切换效果?

Axure怎么给网页设计左侧三级导航菜单栏?

相关文章

  • Axure RP 8怎么设置树状菜单?

    Axure RP 8怎么设置树状菜单?Axure中制作菜单的时候,想要制作一个树状菜单,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-23
  • Axure RP 8怎么使用日期函数获取年月日时分秒数据?

    Axure RP 8怎么获取年月日时分秒数据?Axure RP 8中想要设计一个可以获得年月日时分秒数据的功能,该怎么获得呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-22
  • Axure RP 8怎么添加表格并添加统计功能?

    Axure RP 8怎么添加表格并添加统计功能?Axure RP 8中想要绘制表格填充数据并添加统计功能,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-22
  • Axure RP 8怎么画简单的心形图案?

    Axure RP 8怎么画简单的心形图案?Axure RP 8中自带了很多图案,想要绘制心形图案,该怎么绘制呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-22
  • Axure RP 8怎么用按钮控制文本框显示数字或星号?

    Axure RP 8怎么用按钮控制文本框显示数字或星号?想要制作一个输入密码时候显示密码或者显示星号的效果,如果点击明文按钮就显示密码,点击暗文就显示星号,该怎么实现呢?
    2018-01-18
  • Axure RP 8怎么模拟手机界面显示应用图标的效果?

    Axure RP 8怎么模拟手机界面显示应用图标的效果?Axure RP 8中想要设计一个手机屏幕显示应用图标的效果,该怎么绘制这种界面呢?下面我们就来看看详细的教程,需要的朋友可
    2018-01-17
  • Axure RP 8对象怎么组合和取消组合?

    Axure RP 8对象怎么组合和取消组合?Axure RP 8中的元素需要组合到一起,该怎么组合或者取消组合呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-17
  • Axure RP 8怎么设计注册页面的网页原型?

    Axure RP 8怎么设计注册页面的网页原型?很多网站都会有注册页面,想要设计一款注册页面,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-15
  • Axure RP 8怎么使用按钮控制图片的显示或隐藏?

    Axure RP 8怎么使用按钮控制图片的显示或隐藏?Axure中想要制作单击按钮触发图片显示出来的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-15
  • Axure怎么绘制柱状图图形? Axure绘制柱状图的教程

    Axure怎么绘制柱状图图形?Axure中想要绘制一个柱状图,该怎么绘制呢?下面我们就来看看Axure绘制柱状图的教程,很简单,需要的朋友可以参考下
    2018-01-14

最新评论