订阅摹客文章

免费获取优质的设计资讯!

文章分类
Mockplus是什么?

更快更简单的原型设计工具,微软、联合国国贸中心、华为、百度、东软、育碧、中石油、Oracle、西门子、IBM都在用,你呢?

开始使用
2019,都在用iDoc了!

更高效的协作设计工具,产品团队必备。智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。

免费使用
【友情推荐】人人秀,H5活动制作工具,3分钟完成制作。

了解更多
入门教程 了解更多

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 投稿文章 > 简单三步实现banner的轮播效果

简单三步实现banner的轮播效果

红旗飘飘
2016-07-01
35464

目前有很多人使用Axure做轮播效果,步骤略复杂了些。这里,抛开其他设计原型不说,只说说banner图片轮播,三步教你实现轮播效果,我用的原型图软件是Mockplus

把图片准备好,要开始了。

第一步:拖出“图片轮播”组件到工作区

第二步:双击“图片轮播”组件

点击“+”导入图片(事先把图片准备好)

选中你所需要的图片,可以多选,最多不能超过8个,按Ctrl键多选。点击打开就把选中的图片放入图片轮播里面了。

点击确定,就OK了。

第三步:演示,点击软件上方的三角符号或直接按F5进入演示界面。

如果需要调整其他属性,可以在属性面板里面选择。

1 是否选择指示器

2 指示器类型:圆点、方形、数字。

3 指示器方向:底、顶、左、右

4 指示器颜色

5 动画效果

6 播放间隔

是不是很简单很容易操作呢?




上一篇
Mockplus发布HTML第三个 demo

jongde   07/04

熊先生做原型之:简单、粗暴、有效

熊先生   06/29

下一篇
需要帮助?

摹客产品顾问为你服务

帮助群:651432826

服务邮箱:service@jongde.com