快好知 kuaihz

Axure教程 | Banner的轮播

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

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

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

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

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

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

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

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

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

#轮播Banner的讨论#

【适合axure初学者】动态面板实现banner的轮播效果

轮播banner的略简便实现方式

【关于banner轮播】最简单的实现方法。

关于banner轮播最简易实现及手动切换

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:教程  教程词条  Banner  Banner词条  Axure  Axure词条  
原型

 Axure 组件重写系列(三):...

在学习了本文的中继器表格之后,你将会十分完美地解决原生表格组件覆盖不到的功能区。一起来看。表格应该是我们非常熟悉的一种数据格式了,在实际开发中,它也是作为系统的...(展开)

原型

 用原型写需求文档-后台系统篇

作者整理了一套后台系统原型模板,与各位PM分享,希望给大家的工作带来些帮助。后台系统的原型模板早在做APP模板前就已经使用了很长一段时间。后台原型不需要也不适合...(展开)

原型

 Axure RP 9 教程:记录...

本案例制作一个可拖动的条形进度条,同时可以显示当前位置的百分比。一起来看看~实现效果:自由拖动进度条记录当前进度条的百分比顺便记录下你的颜值实现逻辑this.r...(展开)