原生 JS 实现手风琴插件
shouFengQin
手风琴插件
使用前提条件下载 Qin.js 代码,在你的 main.js 文件中使用 ES6 import 语法导入改文件。Qin.js 文件导出一个默认的函数
函数的使用方式函数接受一个对象作为参数
对象的参数列表 el: 指定一个根元素,让其作为手风琴的容器,必选属性。
imgs: 该属性是一个以展示图片的路径所组成的数组,必选属性。
width: 指定被展示图片的宽度,必选属性。
urls: 该属性是一个数组,保存着当点击每一扇琴所跳转的链接,必选属性。
tag:每一扇琴的容器是什么元素,默认是 a 元素。
minWidth: 未被展示图片的宽度,默认是 50px。
time: 每一扇琴的自动轮播时间,默认是 2000ms。
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。