02.进阶轮播图

上一篇文章给大家介绍了基础的轮播制作，适合于大部分，今天小编带领大家实现进阶的轮播图实现效果。例如轮播进度指示、快速跳转、鼠标移入暂停轮播等等

准备

• Axure 8（或Axure 9）软件已安装。
• 掌握基本的软件使用。

本教程知识点

• 初级的动态面板使用。

• 初级的页面交互事件、元件交互事件使用。

• • 鼠标移入移除
  • 动态面板状态切换

• 图片元件、矩形、SVG图标等元件使用。

详细教程–进阶轮播图

功能

• 鼠标移入暂停轮播、鼠标移除继续轮播。
• 点击切换上一张轮播图、点击切换下一张轮播图。
• 轮播图与小标同步、小标点击跳转。

制作方式

以三张轮播为例，使用Axure 8为例。

进阶轮播图主要为了适配PC端的操作，加入了指定的轮播图页面切换；鼠标移动停止轮播，移出继续轮播；手动切换上下轮播图。

1、制作基础的轮播图（详细教程可查看上一篇文章：文章地址。）

2、制作同等动态页面状态的轮播图小标，结合内容轮播图的顺序给每个状态制作进度排序，使其轮播图小标的状态与