layui的穿梭框

首先引入CSS样式和Jquery Layui插件
layui的穿梭框_第1张图片
在这里插入图片描述
Html部分只有一个fieldast标签和一个设置了ID的div标签
在这里插入图片描述
Jq部分直接开启layui中的渲染
layui的穿梭框_第2张图片
然后设置属性值,最主要的是elem属性,输入ID值对当前ID的div进行渲染,最后设置data和htight(列表高度)属性
layui的穿梭框_第3张图片
这是穿梭框中可以手动添加的一些属性
效果:
layui的穿梭框_第4张图片
layui的穿梭框_第5张图片

你可能感兴趣的:(jq,layui,css,javascript)