手机端触屏左右切换滑块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

正在加载文件目录...

wyiuxl下载了 此素材
Conquer365下载了 此素材
Catalina下载了 此素材
abcd6167871870下载了 此素材
收藏了 此素材
voyage下载了 此素材
下载了 此素材
老人与海下载了 此素材

也许你还喜欢

  1. anime.js动画全屏轮播图插件
  2. jquery响应式banner轮播图插件
  3. 简单的Carousel照片切换
  4. jquery体育轮播焦点图插件
  5. Zepto.js 3D图片轮播旋转插件
  6. jQuery拖拽滑动图片插件手指触摸轮播图
  7. ysSlider.js图片轮播插件
  8. 简单的js图片轮播slider插件
五子棋js小游戏代码
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器