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

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

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

淘建站为您提供更多_图片代码_手风琴_手风琴_banner,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 224 次

下载资源

51 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:图片代码 > 手风琴 难易程度:中级

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的时候,脚本将隐藏传入的选择器元素。 -

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/754.html
fsBanner演示6种不同的响应式手风琴效果 希望对你有帮助,感谢您的支持!
  • jQuery九宫格图片滑动手风琴效果代码

    jQuery九宫格图片滑动手风琴效果代码

  • jquery全屏banner,兼容IE8以上

    jquery全屏banner,兼容IE8以上

  • jQuery手风琴垂直可折叠菜单代码

    jQuery手风琴垂直可折叠菜单代码

  • jQuery点击收缩展开滑动显示内容竖直手风琴代码

    jQuery点击收缩展开滑动显示内容竖直手风琴代码

  • jQuery Slidorion插件图片新闻焦点图和手风琴结合图...

    jQuery Slidorion插件图片新闻焦点图和手风琴结合图...

  • jQuery飘带式垂直手风琴下拉菜单

    jQuery飘带式垂直手风琴下拉菜单

  • 农业大气banner flash特效

    农业大气banner flash特效

  • 纯css3实现的手风琴

    纯css3实现的手风琴

  • jQuery网页顶部广告

    jQuery网页顶部广告

  • SuperSlide焦点图_Tab切换_图片滚动_无缝滚动

    SuperSlide焦点图_Tab切换_图片滚动_无缝滚动

  • ZoomPic.js多图3D旋转图片轮播效果

    ZoomPic.js多图3D旋转图片轮播效果

  • banner幻灯图轮换

    banner幻灯图轮换

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2