Accordion风格水平滑块插件 jQuery Accordion.js

我要下载浏览效果

加入收藏

本站默认解压密码：19jp.com 或 19jp_com

一个小巧易用的jQuery插件，用于从一组图像中创建手风琴式的水平滑块。将鼠标悬停在幻灯片上会将图像扩展到全宽，就像传统的手风琴一样。

参见：

1.创建一个空的DIV来固定手风琴滑块。

<div id="demo">
</div>

2.在jQuery之后加载Accordi.js。

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/js/accordion.js"></script>

3.初始化插件并将您的图像数据存储在JS数组中，如下所示：

$.as({
  id: "demo",
  folder: "images",
  images: ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg"],
  imgWidth: 700,
});

4.配置动画速度

$.as({
  id: "demo",
  folder: "images",
  images: ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg"],
  imgWidth: 700,
  speed: 2000,
});

Accordion风格水平滑块插件 jQuery Accordion.js

相关热词： 风格 Accordion jQuery 平滑插件 Accordion.js