手机端触屏左右切换滑块js插件krousel

手机端触屏左右切换滑块js插件krousel源码下载

看看谁在用

查看文件结构

文件大小:0.00M

资源分类: 插件-轮播和切换

更新时间: 2020-12-10

krousel.js是一款左右切换滑块插件,灵活的、可定制的、响应式移动旋转木马效果。支持手机端触屏。

主要特色
  • 无限循环。
  • ES6模块。
  • 支持触摸事件。
  • 自定义旋转木马控制。
  • 自定义响应断点。
  • 幻灯片和褪色转换。
  • 每张幻灯片多个项目。
var myCarousel = new Krousel(document.querySelector('.slider'),{

    // Change where arrows are attached (default is the target)
    appendArrows: null,

    // Change where the navigation dots are attached
    appendDots: null,

    // enable or disable arrows
    arrows: true,

    // Auto play the carousel
    autoplay: false,

    // Change the interval at which autoplay change slide
    autoplaySpeed: 3000,

    // Display or Hide dots
    dots: true,

    // Enable or disable infinite behavior
    infinite: true,

    // Customize the "next" arrow
    nextArrow: null,

    // pause autoplay when a slide is hovered,
    pauseOnHover: true,

    // Customize the "previous" arrow
    prevArrow: null,

    // breakpoints config
    responsive: null,

    // Number of slide to show at once
    slidesToShow: 1,

    // Number of slide to scroll when clicking on arrow
    slidesToScroll: 1,

    // transition speed when changing slide
    speed: 300,

    // Change transition type when changing slide
    transition: 'slide',

});

手机端触屏左右切换滑块js插件krousel

正在加载文件目录...

也许你还喜欢

  1. 视差特效js轮播图插件
  2. js新闻公告上下滚动特效代码
  3. jquery响应式banner轮播图插件
  4. Zepto.js 3D图片轮播旋转插件
  5. anime.js动画全屏轮播图插件
  6. jQuery拖拽滑动图片插件手指触摸轮播图
五子棋js小游戏代码
  • 标签查找|关于我们|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2