本文介绍了如何利用layui组件创建简单的轮播效果。首先，需要引入layui的插件，接着通过设置`layui-carousel`类的容器和`carousel-item`属性的条目，结合图片，构建轮播基础结构。然后，通过carousel.render(options)方法配置轮播参数，实现轮播功能。不仅如此，轮播条目中不仅可以放置图片，还可以包含其他内容，如文本，从而增加更多展示可能性。
开发工具与关键技术：VS2015，layui，JS
作者：易金亮
撰写时间：2019.04.09
说起轮播，我相信大家并不陌生，我们可以通过很多种方式实现轮播效果，下面我就来说一下如何利用layui组件实现简单的轮播效果，在使用layui的时候，我们需要先把她的一些插件引入到项目中，如下图所示：
把上图所示的两个插件引入到项目中之后，接下来就是敲代码了，要实现轮播效果，首先得有一个存放轮播图片的容器，然后往这个容器中添加图片，其实现代码如下图所示：
如上截图所示，在使用layui组件时，我们给外层元素一个类“class=“layui-carousel””来标识这是一个轮播容器，给内层元素一个属性“carousel-item”来标识条目，然后再在里面添加几张图片，这样一个轮播盒子就完成了，接下来就该完成如下图所示的操作了：
如
1277
1679
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
