提示:本案例只是简单的对其进行了整合,具体学习请前往Layui官网!!!!注意:表格数据为ajax加载的本地json数据,本地查看会有跨域问题导致数据不能显示!

 使用方法:

参数说明:

1
2
3
4
5
6
7
8
9
10
11
carousel.render({
    elem: '#carousel01'//指向容器选择器
    ,width: '100%' //设置容器宽度
    ,full:true //开启全屏轮播
    ,arrow: 'always' //始终显示箭头
    ,anim: 'fade' //切换动画方式
    ,autoplay: false //是否自动切换false
    ,arrow: 'hover' //切换箭头默认显示状态||不显示:none||悬停显示:hover||始终显示:always
    ,indicator: 'none' //指示器位置||外部:outside||内部:inside||不显示:none
    ,interval: '5000' //自动切换时间:单位:ms(毫秒)
});

发表评论

后才能评论