business-carousel

说明

纯原生轮播图插件, 包括渐变、滚动轮播, 以及其它的可配置项.

演示

源码

配置

Name
Type
Description
Required
container
string
挂载到的 DOM 容器
false
dataSource
Array<{
text: string, img: { url: string, target: string, },
}>
数据源
false
autoPlay
boolean
是否自动播放
false
showDots
boolean
是否显示指示点
false
showArrows
boolean
是否显示箭头
false
easing
string
过渡动画曲线
false
effect
string
采用何种轮播("scroll" | "fade")
false
vertical
boolean
是否为垂直方向
false
duringTime
number
过渡动画持续时间
false
delayTime
number
过渡延迟时间
false
isHoverPause
boolean
鼠标悬停是否暂停轮播
false
beforeChange
() => void
*
false
afterChange
() => void
*
false
最近更新 1yr ago
复制链接