注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-02-24
js焦点图片自动轮播切换代码
原生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>