使用Layui插件创建轮播

轮播是页面中最为常见的一种功能，有文字轮播，也有图片轮播。使用layui插件可以提高代码效率，而且简洁，代码量少

首先得引入layui的js和css插件

<link href="~/Plugins/layui/css/layui.css" rel="stylesheet" />

为layui的css样式

<script src="~/Plugins/layui/layui.js"></script>

为layui的js插件

这是第一步，也是最重要的一步

Html部分：

然后则是Html代码的固定格式：

    <div carousel-item>

        <div>内容1</div>

        <div>内容2</div>

        <div>内容3</div>

        <div>内容4</div>

        <div>内容5</div>

    </div>

其中条目1可以为img标签，而carousel-itemw为layui轮播唯一格式，注意，它不是一个class的名称，而是一个属性，和class一样都是一个属性，而layui-carousel是这个轮播的样式，也是唯一的，注意不要忘记引用layui的css样式

其html代码，比jquery的轮播插件要简洁得多&