原生 JS 实现手风琴插件

shouFengQin

手风琴插件

使用前提条件

    下载 Qin.js 代码,在你的 main.js 文件中使用 ES6 import 语法导入改文件。Qin.js 文件导出一个默认的函数

函数的使用方式

    函数接受一个对象作为参数

对象的参数列表

    el: 指定一个根元素,让其作为手风琴的容器,必选属性。

    imgs: 该属性是一个以展示图片的路径所组成的数组,必选属性。

    width: 指定被展示图片的宽度,必选属性。

    urls: 该属性是一个数组,保存着当点击每一扇琴所跳转的链接,必选属性。

    tag:每一扇琴的容器是什么元素,默认是 a 元素。

    minWidth: 未被展示图片的宽度,默认是 50px。

    time: 每一扇琴的自动轮播时间,默认是 2000ms。

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。