fsBanner演示6种不同的响应式手风琴效果

fsbanner是一款自定义功能丰富的响应式网站Banner手风琴特效jQuery插件。该手风琴特效兼容性很好，支持点击和鼠标滑过等触发事件，并且可添加标题或描述。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线充值

分类：图片代码 > 手风琴难易：中级

查看演示

加我微信，拉你进VIP群学习：

下载资源下载积分： 30 积分

fsbanner背景图html代码

<div class='fsbanner' >
    <div style='background-image:url(images/black.jpg)'></div>
    <div style='background-image:url(images/brown.jpg)'></div>
    <div style='background-image:url(images/panda.jpg)'></div>
    <div style='background-image:url(images/polar.jpg)'></div>
</div>

引入fsbanner手风琴插件

<script type="text/javascript" src="js/fsbanner.js"></script>

$('.fsbanner').fsBanner();

fsbanner相关API

参数	描述	默认值
showName	若设为true， .name 元素将被显示在Banner的左下方	true
trigger	使用哪种方式来触发手风琴的展开和收缩。有mouse,click.默认点击click，	click
whenEmpty	当没有Banner展开的时候，设置相关属性title: '素材火', description: '素材火提供网站模板,jQuery特效,PHP包括PHP教程PHP源码PHP商城源码PHP培训PHP面试题和PHP招聘等'	-
onChanged	当banner被展开的时候该函数将被触发。它接收2个参数：展开的banner和之前展开的banner。这些参数是jQuery选择器。	{}
toUpdate	当你展开一个Banner的时候，脚本会从它的HTML元素中的span元素中获取信息。你可以通过这个选项来使用这些值去更新其它元素。	{}
hideParent	如果设置了该选项，whenEmpty参数将被忽略。当没有banner同时又设置了hideParent的时候，脚本将隐藏传入的选择器元素。	-

fsBanner演示6种不同的响应式手风琴效果 收藏

fsbanner背景图html代码

引入fsbanner手风琴插件

fsbanner相关API

fsBanner演示6种不同的响应式手风琴效果
收藏