武威建设网站的网站,上海网站建设q479185700強,wordpress添加数据库,手机怎么自己制作网页学习要点#xff1a; 1.轮播模块 本节课我们来开始了解 Layui 的内置模块#xff1a;轮播模块。 一#xff0e;轮播模块 1. 轮播模块#xff0c;即跑马灯等轮播交互场景#xff0c;先来看下基本设置#xff1b; div idtest classlayui-carousel 1.轮播模块 本节课我们来开始了解 Layui 的内置模块轮播模块。 一轮播模块 1. 轮播模块即跑马灯等轮播交互场景先来看下基本设置 div idtest classlayui-carousel div carousel-item div轮播图 1/div div轮播图 2/div div轮播图 3/div div轮播图 4/div div轮播图 5/div /div /div layui.use([carousel], () { const carousel layui.carousel //实例化 carousel.render({ //绑定 dom elem : #test, //长度 100% width : 100%, //始终显示箭头 arrow : always, //切换动画方式 anim : default }) }) 2. 对于参数下面列出比较常用的属性更多参考手册 属性 描述 elem 容器选择器DOM 对象 width 长度 height 高度 full 是否全屏 anmi 动画方式default、updown、fade autoplay 是否自动切换默认 true interval 间隔时间不低于 800默认 3000 index 初始索引默认 0 arrow 切换箭头显示状态hover、always indicator 指定容器inside、outside、none trigger 触发事件默认 click 3. 事件切换 //触发 carousel.on(change(test), (obj) { console.log(obj) })
