鼠标悬念时改变原状态，如加底色/字体颜色改变等交互在axure中是非常容易实现的，本原型中结合了鼠标悬念和动态面板的使用。上图片啦：
1.鼠标悬停前效果
2.鼠标悬停后的效果：字体低色为粉色
3.动态面板（未上图）
先来看下所有元件，如下图：
整理清楚所有元件，现在开始做原型，开始着手做原型啦
1.建立背景矩形
拉一个矩形出来，宽：910，高：480，填充颜色：灰色
2.装饰条形
矩形，宽：150，高：5，无边框，填充颜色：橙色
3.今日团矩形
矩形，宽：150，高：37，无边框，填充颜色：粉色，文字：今日团
4.分类背景框
矩形，宽：150，高：250，无边框，填充颜色：白色
5.分类矩形
矩形，宽：50，高：30，无边框，填充颜色：无色
6.NEW矩形
拉一个矩形框出来，填充颜色：红色，字体颜色：白色，字为：NEW!，鼠标点矩形右键，选择【选择形状】—【向右对话气泡】，如图
7.鼠标悬念，字体显示为粉色
a.拉矩形框，设置无边框，无填充颜色，建立12个分类
b.选择分类矩形，点鼠标右键，选择【交互样式】，设置鼠悬停交互，如下图
8.动态面板
a.拉一个动态面板，并添加12种状态，为每个分类添加一个对应的状态，设置12个状态是为了，点击不同的分类，显示不同的内容；对每个状态添加不同的图片
b.设置分类与动态面板状态对应，如设置“家居“分类与动态面板中的状态对应
b1.点击“家居”分类，在交互中添加“鼠标单击时”的用例，如下图
对每一个分类设置好动态面板应对的状态即可。
9.预览，按F5，预览原型
原型下载地址： http://pan.baidu.com/s/1dD6FnUT
转载请注明：木卫艾欧网 » axure实例教程 鼠标悬停+动态面板结合使用
