Axure教程 – Banner的轮播-水平线设计

Axure教程 – Banner的轮播

大家好,我是产品小白,各种学习中。最近需求做一个滚动的banner,看了很多大师的介绍及讲解,自己整合摸索了下面一个比较简单的方法,如果有不对的,欢迎大家砸砖,相互学习。

首先,你先确定你有多少个banner需要轮播,在动态面板里就添加几个状态。如图:

Axure教程 - Banner的轮播

然后设置动态面板状态,设置“next”滚动,细节按你自己需要设置,包括动画、时间等。如图:

Axure教程 - Banner的轮播

随后有一步不要忘了,设置这个动态面板,鼠标移入时,停止轮播,移出,继续往后轮播。这么设置的用意是:用户看到感兴趣的banner后,会将鼠标移入或点击进入专题页。因此设置这一步,也会方便后面一步。如图:

Axure教程 - Banner的轮播

是不是觉得还少了点什么?对,类似于这种,点击直接跳到该banner的操作。

Axure教程 - Banner的轮播

添加对应数量的矩形或圆圈,设置鼠标点击下,对应banner动态面板的各个状态,如图,

Axure教程 - Banner的轮播

这里我只放了一个,其他按照你们自己需要的数量,要一一对应一个状态,如此,一个轮播banner就可以了,还可以手动。

因为是第一次写,这里要感谢账户名叫“张昊”的大师,是他的一句评论点播了我,多谢多谢!

写得不好,欢迎大家拍砖,相互交流,谢谢!

未经允许不得转载:水平线设计 » Axure教程 – Banner的轮播

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)