首页 | 4125 | 604 | 2361 | 添加收藏 上一个 下一个
jQuery手风琴滑动显示插件jQueryfsbanner

如何使用它:



  1. ,引用插件需要的样式文件


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


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


<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>