jQuery手风琴滑动显示插件jQueryfsbanner

 查看演示  website  立即下载

如何使用它：

1，引用插件需要的样式文件

<link href="fsbanner.css" rel="stylesheet">

2. 添加与说明文字图像转换成手风琴滑块。

<div class="fsbanner" id="demo-1">
    <div style="background-image:url(img/a1.png)"> </div>
    <div style="background-image:url(img/a2.png)"> </div>
    <div style="background-image:url(img/a3.png)"> </div>
    <div style="background-image:url(img/a4.png)"> </div>
</div>

3，引用jquery库和fsbanner.js

<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="fsbanner.js"></script>

调研用方法即可

<script>
    $('#demo-1').fsBanner();
</script>

PREVIOUS:
NEXT:
jQuery多边形生成插件
jQuery滑块插件slider