大气实用的原生态JS焦点图片自动轮播切换代码

瓦窑源码   2020-07-23   收藏本单
这是一款大气实用的原生态JS焦点图片自动轮播切换代码,原生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>

大气实用的原生态JS焦点图片自动轮播切换代码

演示地址 下载地址A 下载地址B

相关特效

    暂无数据
展开