terseBanner icon indicating copy to clipboard operation
terseBanner copied to clipboard

Published 20 hours ago • verified publisher icon happyfreelife
→

Metadata

Simplified banner plugin that fit for beginner

terseBanner

适合前端新手的简化版轮播插件 在线示例 Online Example



特点介绍

  • 自动构建Banner需要的某些元素，简化原始DOM结构，简化操作方法
  • 默认动画模式下，不相邻的项在切换时不会出现其它项
  • 默认动画是slide，只能在水平方向滑动
  • 可以使用回调函数
  • 可以延迟加载图片
  • 可以显示缩略图
  • 可以在移动设备



参数说明

名称 类型 默认值 说明
animation String slide 动画模式，可选['slide', 'fade', 'flash', 'none']
adaptive Boolean false 图片宽度自适应
arrow Boolean false 切换箭头
btn Boolean true 指示按钮(在移动端中不可点击)
auto Number 5000 自动轮播的间隔(毫秒数，为0时禁用此功能)
speed Number 800 动画速度
thumbWidth Number 0 缩略图宽度
thumbHeight Number 0 缩略图高度
init Function 初始化完时执行的回调函数
before Function 动画开始时执行的回调函数
after Function 动画完成时执行的回调函数

← Metadata

34
Stars
16
Forks
Watchers

Owner

verified publisher icon happyfreelife

Metadata

Simplified banner plugin that fit for beginner

Back