Axure实现菜单交互变色的效果

打开axure软件，拖入5个矩形框，并排列整齐，如下所示：

选中这5个框，设置组的名称为12345

对框1进行交互设计，选中1框，单击右键，d出以下窗口

选中交互样式，d出以下窗口

在鼠标悬停选项中，设置如下配置：

在选中选项中，设置如下配置：

单击确定。

然后添加框1的交互案例，添加鼠标单击时的case1：选中当前原件的值为true，再单击确定

按同样的 *** 作方式依次 *** 作框2-框5.

最后，选中框1，单击右键，在d出的对话框中勾选“选中”项，即可完成效果。

1、首先在页面添加动态面板，并在该动态面板中添加图片，以作区分。

2、再页面1中添加事件：拖动动态面板时，沿y轴移动动态面板。

3、此时的效果如图所示。

4、此时的图片是可以被鼠标拖拽，上下移动的，新建页面2，在页面2中新增内部框架，内部框架指向页面1。

5、调整页面1动态面板位置为0.0，此时再刷新page2的浏览器样式，刷新后就完成了动态拖动效果。

Axure抽屉效果菜单效果该怎么制作?做网页端菜单的抽屉效果很常见，若做原型的时候能快速简单的做出来，可以节省你的宝贵时间，也更能展示你的作品。 1、先建四个动态面板，同时选中这四个面板，在选择组里命名“菜单”并勾选调整大小以适合内容。2、双击“菜单-1”动态命板，d出动态命板管理框，点击新增“收缩”“”选项3、点击收缩，新建菜单栏内容，名称、下拉箭头、底色框同样，点击，新建后的菜单栏内容，名称、下拉箭头、底色框、子级菜单 4、当从初始收缩状态点击成状态时，设置鼠标点击用例，面板状态选择到“”，并勾选推拉部件，方向选择下方。5、当从收缩状态点击成收缩状态时，设置鼠标点击用例，面板状态选择到“收缩”，并勾选推拉部件，方向选择下方。6、动态面板设置方法同上，即可快速制作出你想要的菜单抽屉效果哦。注意事项：Axure这里只讲了下拉的效果，没有选中效果哦。

---