画容,简单轮播

栏目: JavaScript · 发布时间: 6年前

内容简介:初识画容,请看此文首先,新建一个

画容 (hallery.cn )0.12.0 版本中新增了一枚 轮播 对象,通过该对象我们可以超级便捷的制作轮播效果。

初识画容,请看此文 《简单页面开发神器——画容》

创建轮播对象

首先,新建一个 轮播对象 ,只需单击:

画容,简单轮播

————————————

然后,进入该轮播对象的 工作选中 模式,即 单击一下选中的轮播对象本身

画容,简单轮播

注意:

  1. 进入工作选中模式后,页面上的其他对象全部被隐藏,可以让我们专注于当前轮播对象;
  2. 工具栏中只剩下了图片对象可用,这是因为 目前在轮播对象内部仅支持放置 图片对象
  3. “按 Esc 键”或“在轮播工作区外部单击”可退出工作选中模式。

————————————

接下来,我们就可以上传图片了,单击一下 工具 栏上的 图片 ,可一次选择多张图片哦:

画容,简单轮播

————————————

如果图片的顺序不合适,可以直接拖移重排:

画容,简单轮播

————————————

最后,按下 Esc 键(退出图片选中)、再按下 Esc 键(退出轮播工作选中),就出来了,我们的轮播对象就出锅了:

画容,简单轮播

从此,制作轮播效果是不是 so easy!而且还有几十种切换效果待选哦!

轮播调板

当我们选中一个轮播对象的时候,右边会出现 轮播调板 ,可以让我们定制该轮播对象的各种属性:

画容,简单轮播

由此调板我们可以看到轮播对象的一些特性:

  1. 轮播对象的宽度确定是 100% ,左右顶到底的,所以 X坐标 也确定为 0 不可更改;
  2. 轮播切换的 时间间隔 可自由调整;
  3. 轮播中的 分页器 可自定义颜色,或直接取消掉;
  4. 当然,有很多种 轮播效果 待选。

然,如果真心需要特别的宽度,可将轮播放置到 矩形对象 内部,转而设置矩形的宽度。

设置链接

我们做了轮播区后,一般肯定是要设置链接的,用画容可以轻松做到,只需进入轮播的 工作选中 模式,选中相应的图片,单击鼠标右键:

画容,简单轮播

从右键菜单中单击 链接 即可通过弹出的对话框设置链接了。

另外,注意到选中图片时,右侧 图片调板 中的 替换 按钮了么,通过此功能可快速替换图片哦。

最后,附一枚画容 注册邀请码 A9A098


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

APP蓝图

APP蓝图

吕皓月 / 清华大学出版社 / 2015-1-1 / 69.00

移动互联网原型设计,简单来说,就是使用建模软件制作基于手机或者平板电脑的App,HTML 5网站的高保真原型。在7.0 之前的版本中,使用Axure RP进行移动互联网的建模也是可以的。比如,对于桌面的网站模型,制作一个1024像素宽度的页面就可以了;现在针对移动设备,制作320像素宽度的页面就好了。但是在新版本的Axure RP 7.0 中,加入了大量对于移动互联网的支持,如手指滑动,拖动,横屏......一起来看看 《APP蓝图》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具