热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQueryfsBanner手风琴

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

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

在线实例

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

使用方法

  1.  class=‘fsbanner‘ > 
  2.      style=background-image:url(images/black.jpg)>
 
  •      style=background-image:url(images/brown.jpg)>
  •  
  •      style=background-image:url(images/panda.jpg)>
  •  
  •      style=background-image:url(images/polar.jpg)> 
  • 复制
    1. $(‘.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 fsBanner 手风琴


    推荐阅读
    author-avatar
    乐韵答题
    这个家伙很懒,什么也没留下!
    Tags | 热门标签
    RankList | 热门文章
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有