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的时候,脚本将隐藏传入的选择器元素。 | - |
相关推荐
myloveqiqi 2020-08-09
大象从不倒下 2020-07-31
AlisaClass 2020-07-19
猫沙盆 2020-07-08
猫沙盆 2020-07-07
云端漂移 2020-07-06
xiaohuli 2020-06-11
葉無聞 2020-06-09
淡风wisdon大大 2020-06-06
福叔 2020-06-02
CaiKanXP 2020-06-02
opspider 2020-05-29
guicaizhou 2020-05-06
jiangfulai 2020-04-11
buttonChan 2020-04-10
jiedinghui 2020-02-20