演示
调试预览
布局
栅格
框架
基本元素
按钮
表单
导航 / 面包屑
基础菜单
选项卡
进度条
面板
徽章
时间线
静态表格
动画
辅助元素
组件示例
弹出层
日期与时间选择
数据表格
分页
下拉菜单
文件上传
穿梭框
树形组件
颜色选择器
滑块
评分
轮播
模板引擎
流加载
工具模块
文本行修饰
预览
查看代码
帮助
基础效果
列表一
李白
杜甫
苏轼
李清照
鲁迅
巴金
冰心
矛盾
贤心
列表二
无数据
定义标题及数据源
候选文人
李白
杜甫
苏轼
李清照
鲁迅
巴金
冰心
矛盾
贤心
获奖文人
无数据
初始右侧数据集合
列表一
油酥饼
串串香
驴打滚
烤冷面
肉夹馍
凉皮
羊肉泡馍
冰糖葫芦
狼牙土豆
列表二
瓦罐汤
炸酱面
豆腐脑
北京烤鸭
毛血旺
臊子面
显示搜索框
文本墨客
李白
杜甫
苏轼
李清照
鲁迅
巴金
冰心
矛盾
贤心
获奖文人
无数据
数据格式解析
列表一
李白
杜甫
贤心
列表二
无数据
穿梭时的回调
列表一
李白
杜甫
苏轼
李清照
鲁迅
巴金
冰心
矛盾
贤心
列表二
无数据
实例调用
获取右侧数据
重载实例
列表一
李白
杜甫
苏轼
李清照
鲁迅
巴金
冰心
矛盾
贤心
列表二
无数据
更多我们未能呈现的示例，还有待您在阅读文档、以及不断使用的过程，去深入挖掘。
<!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="/layui/dist/css/layui.css" media="all"> <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 --> </head>
相关
穿梭框文档