(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.cssnew 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。
TabPanel.rar (22.94 kb)(6)(7)De-Constructing Accordion and Hover Effects with jQuery(8)导航到页内指定位置Automatically generate table of contents using jQuery(9)“Outside the Box”Navigation with jQueryThis tutorial will cover a few ways to do just that with OS X style docks and stacks navigation.(10) Sexy Drop Down Menu w/ jQuery & CSSIn this tutorial you will learn how to create a sexy drop down menu that can also degrade gracefully.(11) A Different Top Navigation(12)Sliding Jquery Menu Tutorial(13)Animated Drop Down Menu with jQuery14. jQuery UI错误!未找到索引项。
Potato Menu15. Make a Mega Drop-Down Menu with jQuery(16)Superfish v1.4.8 –jQuery menu plugin by Joel Birch(17)jQuery (mb)Menu 2.7(18) jQuery File Tree19.jQuery & CSS Example –Dropdown Menu20. Reinventing a Drop Down with CSS and jQuery21. Simple jQuery Dropdowns22. Styling Drop Down Boxes with jQuery23. jQuery iPod-style Drilldown Menu24. jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready25. mcDropdown jQuery Plug-in v1.2.0726. jQuery Drop Line Tabs27. Cut & Paste jQuery Mega Menu28. jdMenu Hierarchical Menu Plugin2.消息提示类(1)FaceboxFacebox 是一个基于jQuery,Facebook-style的lightbox。
能够展示示images,divs或者整个远程页面。
Facebox(2)SimpleModalSimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。
SimpleModal(3)jTipjTip一个利用jQuery开发的提示工具。
jTip通过HttpXMLRequest获取内容。
用法简单,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。
jTip(4)BetterTip一个可以自定义Tooltip的jQuery插件。
基于jTip,但比它来得更加灵活。
BetterTip(5)clueTipclueTip这个jQuery插件方便您为链接或其它元素添加Tooltip功能。
当链接包括title属性时,它的内容将变成clueTip的标题。
clueTip中显示的内容可以通过Ajax获取,也可以从当前页面中的元素中获取。
clueTip(6)jQuery lightBox plugin一个简单,强大基于jQuery开发的lightBox控件。
jQuery lightBox plugin(7)jQuery Impromptu用于创建模式对话框,确认对话框,输入内容对话框的jQuery插件。
jQuery Impromptu(8)jQuery.UI Messenger"Outlook like message notification Widget 这个jQuery.UI控件类似于Messenger"Outlook消息弹出提醒框。
jQuery.UI Messenger"Outlook like message notification Widget (9)FancyBox基于jQuery开发的Lightbox插件。
支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该Lightbox除了能够展示图片之外,还可以展示iframed内容,通过CSS自定义外观。
FancyBox(10)Coda Popup Bubbles采用jQuery开发,类似“冒泡”效果的提醒弹出框。
Coda Popup Bubbles(11)jGrowljGrowl用于制作消息弹出框的jQuery插件。
产生效果的类似于Mac OSX系统中Growl事件通知框架。
jGrowl(12)jqWindowsEngine这个jQuery插件能够帮助你轻松创建Ajax Windows。
jqWindowsEngine(13)jQuery Alert Dialogs这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。
支持利用CSS自定义对话框外观。
jQuery Alert Dialogs (14)BeautyTips BeautyTips是一个jQuery Tooltip插件.BeautyTips。