如何使用LayUI实现网页轮播图


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<script type="text/javascript" src="layui/layui.js"></script>

        <script>

            //第一个轮播图

            layui.use('carousel', function() {

                var carousel = layui.carousel;

                //建造实例化

                carousel.render({

                    elem: '#test1',

                    width: '100%', //设置背景容器的宽度

                    arrow: 'always', //始终显示箭头,不会消失

                    //anim: 'updown' //切换动画方式:anim

                     //indicator:'outside',

                        indicator: 'outside'    //这个属性:小圆点在外面  

                });

            });

            </script>

下面再给抛出几张大图:

微信截图_20200321151612.png

好了,拿去玩吧

更多layui知识请关注layui使用教程栏目。

以上就是如何使用LayUI实现网页轮播图的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

在vue中怎么使用layui

对于layui框架源码兼容性微调介绍

layui实现input输入和选择的方法

layui怎么使用模块化

layui实现点击事件的方法

layui怎么重新渲染

layui怎么使用日期控件

如何使用layui实现网页轮播图

layui不支持ie兼容吗

layui如何刷新当前tab选项卡

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...