通用轮播 - 在线演示

开发工具

调试预览
布局

栅格

后台布局
基本元素

按钮

表单

导航/面包屑

选项卡

进度条

面板

徽章

时间线

静态表格

动画

辅助元素
组件示例

弹出层

日期与时间选择

即时通讯

数据表格

分页

文件上传

穿梭框

树形组件

颜色选择器

滑块

评分

轮播

模板引擎

流加载

工具集

代码修饰器

预览
查看代码
帮助

常规轮播

条目1

条目2

条目3

条目4

条目5

条目1

条目2

设定各种参数

宽高

动画类型

箭头状态

指示器位置

自动切换

时间间隔

条目1

条目2

条目3

条目4

条目5

填充轮播元素 - 以图片为例

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>