退出
充值

js焦点图片自动轮播切换代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2019-12-19
原生js制作的焦点图片自动轮播切换代码,带文字标题和索引按钮、箭头按钮控制图片左右滚动轮播。


js代码

<script src="lb.js"></script>
<script>
window.onload = function () {
  // 轮播选项
  const options = {
	id: 'lb-1',              // 轮播盒ID
	speed: 600,              // 轮播速度(ms)
	delay: 3000,             // 轮播延迟(ms)
	direction: 'left',       // 图片滑动方向
	moniterKeyEvent: true,   // 是否监听键盘事件
	moniterTouchEvent: true  // 是否监听屏幕滑动事件
  }
  const lb = new Lb(options);
  lb.start();
}
</script>