jQuery fsBanner 手风琴


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

在线实例

默认带标题鼠标滑过
带文字介绍带文字介绍(默认隐藏)onChanged事件

使用方法

<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').fsBanner();

参数详解

参数描述默认值
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的时候,脚本将隐藏传入的选择器元素。-

云盘内容


 jQuery插件大全打包

HTML5+CSS3+PHP+jQuery等示例
大小
170M(300+个文件)

注意:示例只是当前的内容,【下载】的是全部jQuery插件一起打包后的文件。

下载地址