1000多个jquery常用插件.pdf

超强1000 个jquery 极品插件(一) 1.导航类 (1)Horizontal accordion: jQuery 基于jQuery 开发，非常简单的水平方向折叠控件。 (2)jQuery-Horizontal Accordion 具有XBOX360 blade 界面风格的水平方向Accordion。 (3)jQuery plugin: Accordion 用于创建 折叠菜单的jQuery 插件。 (4)Accordion Menu script 基于jQuery 开发的可折叠菜单。 (5)模仿ext 的tab 选项卡 TabPanel(选项卡组件) 参数说明 renderTo渲染到某容器string | jQuery object | NULL 将选项卡组件渲染到某容器，参数类型可以为字符串，也可以为jQuery 所加载 的对象，如果为声明该参数，组件默认的承载容器为BODY。 items选项卡元素集合array 选项卡组件渲染后就会显示的选项卡元素集合，具体参数请查看选项卡元素。 width宽度string | number 选项卡组件的总宽度，默认400px。 height高度string | number 选项卡组件中页面显示层的高度，默认300px。 border是否显示边框string 嵌套显示选项卡时，会出现重复边框的情况，影响美观，将border 设置 为”none”，则可以避免，默认显示边框，不接受除”none”之外的参数值。 active渲染后默认激活哪个选项卡元素number 下标以0 为开始，默认为0。 maxLength最多显示几个选项卡元素number -1 为无限，默认为-1。 tabs获得选项卡组件所有的选项卡元素return array 可根据需要获得选项卡组件的所有选项卡元素。 公共方法 addTab(添加一个选项卡元素object) 动态向选项卡组件中添加一个选项卡元素。 flush(刷新选项卡元素的内容string | number) 将选项卡元素的内容刷新，参数可以为选项卡元素的ID 或下标。 show(显示选项卡元素string | number) 显示制定选项卡元素，参数可以为选项卡元素的ID 或下标。 Kill(关闭选项卡元素string | number) 关闭选项卡元素，参数可以为选项卡元素的ID 或下标。 getTabsCount()获得选项卡元素数量return number getTitle(获得选项卡元素的标题string | number) return string setTitle(设置选项卡元素的标题string | number, string) getContent(获得选项卡元素的内容string | number) return string setContent(设置选项卡元素的内容string | number, string) getDisable(选项卡元素是否禁用string | number) return boolean setDisable(设置选项卡元素是否禁用string | number) getCloseable(选项卡元素是否可关闭string | number) return boolean setCloseable(设置选项卡元素是否可关闭string | number, boolean) getActiveTab()获得被激活的选项卡元素return object 使用方法 页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css new TabPanel({ renderTo:tabs, width: 100%, height: 500px, active: 0, items: [{ title:工作中心, html:iframe width=100% height=100% frameborder=0/iframe, closable: false }] }); TabPanel item(选项卡元素) 参数说明 id元素IDstring 必须唯一，或者不设置该参数，否则将无法添加到选项卡组件中，默认自动生成。 title元素标题string 可以动态设置。 closeable是否可关闭boolean true 可关闭，false 不可关闭，默认为true。 （7）De-Constructing Accordion and Hover Effects with jQuery （8）导航到页内指定位置 Automatical