正在加载菜单,请稍待......

jQuery accordion — jquery手风琴插件

类别:jquery插件

标签:

浏览:533次

明河共影发布于 2010年03月5日

RIA之家技术群:24440797。你可以通过以下方式联络到明河: 1、进入我的微博首页跟随我 2、我的email:riahome@126.com

示例:http://jquery.bassistance.de/accordion/demo/

这个手风琴效果插件的很强大,除了无法换肤外,jquery 的手风琴UI该有的API也都具备了。

说实话,这外观实在很一般,当然你可以自己修改css。

使用教程:

创建如下html结构:

  1. <div class="basic" style="float:left;"  id="list1a">
  2.             <a>There is one obvious advantage:</a>
  3.             <div>
  4.  
  5.             </div>
  6.             <a>Now that you've got...</a>
  7.             <div>
  8.  
  9.             </div>
  10.             <a>Rent one bear, ...</a>
  11.             <div>
  12.  
  13.             </div>
  14.         </div>

a标签是菜单标题,相邻的div为内容容器。

初始化插件

  1. jQuery('#list1a').accordion();

几个重要参数说明

  • event: ‘mouseover’ ,鼠标移过就显示隐藏内容(默认需单击)
  • active: ‘.selected’,被激活的菜单项的css名
  • selectedClass: ‘active’,选择时候的class样式名
  • animated: “bounceslide”,动画效果(easing插件的效果)
  • header: “dt” 被用来作为菜单项标题的css名
  • autoheight: false,高度是否自适应

订阅RIA之家,及时获取RIA之家最新文章:

本文链接:http://www.36ria.com/1627

除非特别说明,本站的所有内容均为原创或翻译,所有权属于文章作者,欢迎转载,转载请注明出处,谢谢。