banner滑动切换-Axure

本人产品汪一枚,最近在学习Axure交互。

今天主要说下用Axure做banner滑动切换的效果。

先看下成品吧:


banner滑动切换-Axure_第1张图片
banner滑动切换-Axure_第2张图片

步骤如下:

1、建立一个动态面板,330*260;为动态面板添加3个状态,每个状态添加一张代表图片。

2、为每个状态制作一个110*60的缩略图,和动态面板底部对齐并按顺序排在一行。


banner滑动切换-Axure_第3张图片

3、设置每个动态面板的OnMouseEnter事件,如下图所示。注意每个缩略图所对应的动态面板状态为该缩略图的大图图像状态。

banner滑动切换-Axure_第4张图片

4、大功告成

注:OnMouseEnter为当用户将鼠标指针移动到对象内时触发

你可能感兴趣的:(banner滑动切换-Axure)