手机端触屏左右切换滑块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
wyiuxl下载了 此素材
Conquer365
Conquer365下载了 此素材
Catalina
Catalina下载了 此素材
abcd6167871870
abcd6167871870下载了 此素材
。
收藏了 此素材
voyage
voyage下载了 此素材
无
下载了 此素材
老人与海
老人与海下载了 此素材

也许你还喜欢

  1. JavaScript网页轮播图插件
  2. jQuery轮播图slide插件
  3. jquery slick轮播切换例子
  4. ysSlider.js图片轮播插件
  5. jquery体育轮播焦点图插件
  6. jquery3.4.1轮播图插件
  7. jQuery拖拽滑动图片插件手指触摸轮播图
  8. 自适用轮播图插件vscarousel.js
五子棋js小游戏代码
  • 标签大全|网站地图|关于我们|用户协议
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器|在线工具